Add dark and light theme mode to docs, detection, and button

my eyes hurt Signed-off-by: r3g_5z <june@girlboss.ceo>
2022-12-09 22:49:25 -05:00 · 2022-12-09 22:49:25 -05:00 · fbfffccc1d
parent 59fde45b36
commit fbfffccc1d
1 changed files with 15 additions and 2 deletions
--- a/docs/mkdocs.yml
+++ b/docs/mkdocs.yml
@ -12,8 +12,21 @@ theme:
    - navigation.instant
    - navigation.sections
  palette:
-    primary: 'deep purple'
-    accent: 'blue grey'
+    - media: "(prefers-color-scheme: light)"
+      scheme: default
+      toggle:
+        icon: material/brightness-7
+        name: Switch to dark mode
+      primary: 'deep purple'
+      accent: 'blue grey'
+
+    - media: "(prefers-color-scheme: dark)"
+      scheme: slate
+      toggle:
+        icon: material/brightness-4
+        name: Switch to light mode
+      primary: 'deep purple'
+      accent: 'blue grey'

 extra_css:
  - css/extra.css