docs(v2): add overwriting css variables for dark mode (#3991)

This commit is contained in:
Sean Campbell 2021-01-04 14:00:39 -05:00 committed by GitHub
parent d2d2872646
commit da23912e7b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -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