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

facebook · Jan 4, 2021 · da23912 · da23912
1 parent d2d2872
commit da23912
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/website/docs/styling-layout.md b/website/docs/styling-layout.md
@@ -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