Use the system default light/dark theme as preferred by the browser. With possibilty to override.

This respects the user's choice of light/dark and no longer forces the dark theme.

Author: pelme

mkdocs.yml

@@ -6,7 +6,20 @@ theme:
     - content.code.copy
     - toc.integrate
   palette:
-    scheme: slate
+    - media: "(prefers-color-scheme)"
+      toggle:
+        icon: material/brightness-auto
+        name: Switch to light mode
+    - media: "(prefers-color-scheme: light)"
+      scheme: default
+      toggle:
+        icon: material/brightness-7
+        name: Switch to dark mode
+    - media: "(prefers-color-scheme: dark)"
+      scheme: slate
+      toggle:
+        icon: material/brightness-4
+        name: Switch to system preference
   icon:
     logo: material/code-tags
 nav: