Skip to content

Commit

Permalink
docs: add overwriting css variables for dark mode
Browse files Browse the repository at this point in the history
  • Loading branch information
natac13 committed Jan 4, 2021
1 parent d2d2872 commit 9e26d79
Showing 1 changed file with 12 additions and 0 deletions.
12 changes: 12 additions & 0 deletions website/docs/styling-layout.md
Expand Up @@ -59,6 +59,18 @@ Alternatively, use the following tool to generate the different shades for your

<ColorGenerator/>

### Dark Mode

To customize the Infima variables for dark mode you can add the following to `src/css/custom.css`.

```css title="/src/css/custom.css"
html[data-theme='dark'] {
--ifm-color-primary: #4e89e8;
--ifm-color-primary-dark: #5a91ea;
/* any other colors you wish to overwrite */
}
```

<!-- TODO need more refinement here -->

## Styling approaches
Expand Down

0 comments on commit 9e26d79

Please sign in to comment.