Automatic light / dark mode

inveniosoftware · Jun 18, 2024 · a4c88be · a4c88be
1 parent 4bbf389
commit a4c88be
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/mkdocs.yml b/mkdocs.yml
@@ -13,7 +13,9 @@ theme:
   name: "material"
   custom_dir: "theme/"
   palette:
-    - scheme: default
+    # Palette toggle for light mode
+    - media: "(prefers-color-scheme: light)"
+      scheme: default
       primary: custom
       accent: custom
       extra_css:
@@ -22,7 +24,8 @@ theme:
         icon: material/brightness-7
         name: Switch to dark mode
     # Palette toggle for dark mode
-    - scheme: slate
+    - media: "(prefers-color-scheme: dark)"
+      scheme: slate
       primary: black
       accent: orange
       toggle: