From: Silvio Rhatto <rhatto@riseup.net>
Date: Fri, 2 May 2025 18:20:55 +0000 (-0300)
Subject: MkDocs: palette toggle for automatic mode
X-Git-Url: https://gitweb.fluxo.info/?a=commitdiff_plain;h=6b921b179b0e731b2ebe7c141adebeac68f13864;p=templates.git

MkDocs: palette toggle for automatic mode
---

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