Merge pull request #48 from kraken-tech/docs-color-scheme

Use Kraken brand colours in docs

Author: meshy

docs/static/css/theme.css

@@ -0,0 +1,13 @@
+[data-md-color-scheme="kraken"] {
+  color-scheme: light;
+
+  --md-primary-fg-color: #180048;
+
+  --md-accent-fg-color: #F050F8;
+}
+
+[data-md-color-scheme="slate"] {
+  --md-primary-fg-color: #180048;
+
+  --md-accent-fg-color: #F050F8;
+}

mkdocs.yml

@@ -3,6 +3,29 @@ repo_name: kraken-tech/django-subatomic
 repo_url: https://github.com/kraken-tech/django-subatomic
 theme:
   name: material
+  palette:
+
+    # Palette toggle for automatic mode
+    - media: "(prefers-color-scheme)"
+      toggle:
+        icon: material/brightness-auto
+        name: Switch to light mode
+
+    # Palette toggle for light mode
+    - media: "(prefers-color-scheme: light)"
+      scheme: kraken
+      toggle:
+        icon: material/brightness-7
+        name: Switch to dark mode
+
+    # Palette toggle for dark mode
+    - media: "(prefers-color-scheme: dark)"
+      scheme: slate
+      toggle:
+        icon: material/brightness-4
+        name: Switch to system preference
+extra_css:
+  - static/css/theme.css
 extra:
   version:
     provider: mike

pyproject.toml

@@ -70,7 +70,7 @@ dev = [
 ]
 docs = [
     "mike",
-    "mkdocs-material",
+    "mkdocs-material>=9.5.0",
 ]
 mypy = [
     {include-group = "python_tests"},