theme: add dark mode

Signed-off-by: James Calligeros <[email protected]>

Author: chadmed

mkdocs.yml

@@ -41,8 +41,29 @@ theme:
   logo: assets/logo.png
   favicon: assets/favicon.png
   palette:
-    primary: custom
-    accent: custom
+    - media: "(prefers-color-scheme)"
+      primary: custom
+      accent: custom
+      toggle:
+        icon: material/brightness-auto
+        name: Switch to light mode
+
+    - media: "(prefers-color-scheme: light)"
+      primary: custom
+      accent: custom
+      scheme: default
+      toggle:
+        icon: material/brightness-7
+        name: Switch to dark mode
+
+    - media: "(prefers-color-scheme: dark)"
+      primary: custom
+      accent: custom
+      scheme: slate
+      toggle:
+        icon: material/brightness-4
+        name: Switch to system preference
+
   features:
     - navigation.expand
     - navigation.instant