3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-06-07 13:22:26 +02:00
Code Issues Projects Releases Packages Wiki Activity

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

Browse source
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
1 changed files with 12 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

12
website/docs/styling-layout.md
View file

@ -59,6 +59,18 @@ Alternatively, use the following tool to generate the different shades for your
<ColorGenerator/> <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 --> <!-- TODO need more refinement here -->
## Styling approaches ## Styling approaches