Add dark mode

jinhaichen · Jul 5, 2022 · ac64ead · ac64ead
1 parent a412d44
commit ac64ead
Showing 1 changed file with 16 additions and 2 deletions.
diff --git a/mkdocs.yml b/mkdocs.yml
@@ -18,8 +18,22 @@ theme:
   custom_dir: custom
   favicon: assets/favicon.png
   palette:
-    primary: teal
-    accent: blue
+    # Light mode
+    - media: '(prefers-color-scheme: light)'
+      scheme: default
+      primary: teal
+      accent: blue
+      toggle:
+        icon: material/weather-night
+        name: Switch to dark mode
+    # Dark mode
+    - media: '(prefers-color-scheme: dark)'
+      scheme: slate
+      primary: cyan
+      accent: amber
+      toggle:
+        icon: material/weather-sunny
+        name: Switch to light mode
   font:
     text: Roboto
     code: Roboto Mono