Merge pull request #1145 from hedgedoc/docs/darkTheme

Documentation: Add toggleable dark theme
2021-04-18 22:50:50 +02:00
parent 58f5282ccb 60251d89ee
commit a15124ba35
7 changed files with 65 additions and 11 deletions
--- a/docs/mkdocs.yml
+++ b/docs/mkdocs.yml
@@ -66,9 +66,21 @@ theme:
  favicon: images/favicon.png
  logo: images/logo.svg
  palette:
-    scheme: light
-    primary: 'hedgedoc'
-    accent: 'hedgedoc'
+    - media: "(prefers-color-scheme: light)"
+      scheme: light
+      primary: 'hedgedoc'
+      accent: 'hedgedoc'
+      toggle:
+        icon: material/lightbulb-outline
+        name: Switch to dark mode
+    # Dark mode
+    - media: "(prefers-color-scheme: dark)"
+      scheme: slate
+      primary: 'hedgedoc'
+      accent: 'hedgedoc'
+      toggle:
+        icon: material/lightbulb
+        name: Switch to light mode
  features:
    - navigation.tabs
    - navigation.sections