Auto color scheme

Signed-off-by: Wachtl Enterprises LLC <tyrolyean@escpe.net>

mkdocs.yml

@@ -39,9 +39,30 @@ theme:
   features:
     - navigation.footer
   palette:
-    scheme: slate
-    primary: 'black'
-    accent: pink
+    # Palette toggle for automatic mode
+    - media: "(prefers-color-scheme)"
+      primary: 'indigo'
+      accent: pink
+      toggle:
+        icon: material/brightness-auto
+        name: Switch to light mode
+    # Palette toggle for light mode
+    - media: "(prefers-color-scheme: light)"
+      scheme: default # (1)!
+      primary: 'indigo'
+      accent: pink
+      toggle:
+        icon: material/brightness-7
+        name: Switch to dark mode
+    # Palette toggle for dark mode
+    - media: "(prefers-color-scheme: dark)"
+      scheme: slate
+      primary: 'indigo'
+      accent: pink
+      toggle:
+        icon: material/brightness-4
+        name: Switch to system preference
+
 markdown_extensions:
   - attr_list
   - pymdownx.emoji: