Use automatic detect prefer color scheme

data-catering · Jun 14, 2024 · 31a45a2 · 31a45a2
1 parent 479e7d9
commit 31a45a2
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/mkdocs.yml b/mkdocs.yml
@@ -2,16 +2,23 @@ site_name: insta-infra
 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
-    - scheme: default
+    - media: "(prefers-color-scheme: light)"
+      scheme: default
       toggle:
         icon: material/brightness-7
         name: Switch to dark mode
     # Palette toggle for dark mode
-    - scheme: slate
+    - media: "(prefers-color-scheme: dark)"
+      scheme: slate
       toggle:
         icon: material/brightness-4
-        name: Switch to light mode
+        name: Switch to system preference
 nav:
   - Home: index.md
   - Getting Started: getting-started.md