Merge pull request #30 from NandaniThakur/darkmode-documentation

(Fixes #23)adding dark mode to documenttion
ryansurf · May 29, 2024 · 64c5f4e · 64c5f4e
2 parents c13fda1 + c5c72a0
commit 64c5f4e
Showing 1 changed file with 25 additions and 0 deletions.
diff --git a/mkdocs.yml b/mkdocs.yml
@@ -8,6 +8,27 @@ repo_name: cli-surf
 
 theme:
   name: material
+  palette:
+
+    # Palette toggle for automatic mode
+    - media: "(prefers-color-scheme)"
+      toggle:
+        icon: material/brightness-auto
+        name: Switch to light mode
+
+    # Palette toggle for light mode
+    - media: "(prefers-color-scheme: light)"
+      scheme: default 
+      toggle:
+        icon: material/brightness-7
+        name: Switch to dark mode
+
+    # Palette toggle for dark mode
+    - media: "(prefers-color-scheme: dark)"
+      scheme: slate
+      toggle:
+        icon: material/brightness-4
+        name: Switch to system preference
 
 nav:
     - index.md
@@ -20,3 +41,7 @@ nav:
       - Styling: styling.md
       - Tests: tests.md
       - Structure: structure.md
+
+
+
+