From da23912e7ba9d32df26a613e3314d21a80349fa8 Mon Sep 17 00:00:00 2001 From: Sean Campbell Date: Mon, 4 Jan 2021 14:00:39 -0500 Subject: [PATCH] docs(v2): add overwriting css variables for dark mode (#3991) --- website/docs/styling-layout.md | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/website/docs/styling-layout.md b/website/docs/styling-layout.md index 55af006133..ced45921c8 100644 --- 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 +### 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 */ +} +``` + ## Styling approaches