MkDocs: palette toggle for automatic mode

1 files changed, 26 insertions, 1 deletions

diff --git a/mkdocs.yml b/mkdocs.yml
index 2b74632..a6c155d 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -27,8 +27,33 @@ theme:
   collapse_navigation: true
   titles_only        : false
   logo               : https://fluxo.info/images/fluxo.png
+
   palette:
-    primary: blue grey
+    # Palette toggle for automatic mode
+    - media: "(prefers-color-scheme)"
+      #primary: custom
+      primary: blue grey
+      toggle:
+        icon: material/brightness-auto
+        name: Switch to light mode
+
+    # Palette toggle for light mode
+    - media: "(prefers-color-scheme: light)"
+      scheme: default
+      #primary: custom
+      primary: blue grey
+      toggle:
+        icon: material/brightness-7
+        name: Switch to dark mode
+
+    # Palette toggle for dark mode
+    - media: "(prefers-color-scheme: dark)"
+      scheme: slate
+      #primary: custom
+      primary: blue grey
+      toggle:
+        icon: material/brightness-4
+        name: Switch to light mode
 
   # Do not use external fonts
   # Usefult for offline operation