start working on dark/light toggle

prefix-dev · Dec 19, 2023 · e27e071 · e27e071
1 parent 475f0a6
commit e27e071
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 6 deletions.
diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
@@ -8,12 +8,12 @@
 }
 
 .md-typeset h1 {
-  color: #ffec3d;
+  color: var(--md-accent-fg-color);
 }
 .md-typeset h1, .md-typeset h2, .md-typeset h3, .md-typeset h4, .md-typeset h5, .md-typeset h6 {
   font-family: 'Dosis', sans-serif;
   font-weight: 500;
-  color: #ffec3d;
+  color: var(--md-accent-fg-color);
 }
 
 .md-typeset p {
@@ -22,7 +22,7 @@
 }
 
 :root > * {
-  --md-code-hl-string-color: #ffec3d;
+  --md-code-hl-string-color: var(--md-accent-fg-color);
 }
 
 .md-header__button.md-logo {

diff --git a/mkdocs.yml b/mkdocs.yml
@@ -12,9 +12,24 @@ theme:
     code: JetBrains Mono
 
   palette:
-    primary: yellow
-    accent: yellow
-    scheme: slate
+    # Palette toggle for light mode
+    - scheme: slate
+      primary: yellow
+      accent: yellow
+
+      toggle:
+        icon: material/brightness-7 
+        name: Switch to dark mode
+
+    # Palette toggle for dark mode
+    - scheme: default
+      primary: yellow
+      accent: orange
+      toggle:
+        icon: material/brightness-4
+        name: Switch to light mode
+
+
 
   icon:
     edit: material/pencil