adding dark mode to documenttion #23

ryansurf · May 29, 2024 · c5c72a0 · c5c72a0
1 parent c13fda1
commit c5c72a0
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
+
+
+
+