Add custom CSS styles for primary and accent colors

docs/stylesheets/extra.css

@@ -0,0 +1,6 @@
+:root {
+    --md-primary-fg-color: #40707D;
+    --md-primary-fg-color--light: #ECB7B7;
+    --md-accent-fg-color: #90030C;
+    --md-primary-fg-color--dark: #90030C;
+}

mkdocs.yml

@@ -19,6 +19,7 @@ nav:
 
 theme:
   name: material
+  logo: figs/enzml_logo.png
   features:
     - navigation.instant
     - navigation.instant.preview
@@ -37,17 +38,19 @@ theme:
     - content.code.annotation
     - content.tooltips
   palette:
+    primary: custom
+    accent: custom
     # Palette toggle for light mode
-    - scheme: default
-      toggle:
-        icon: material/brightness-7
-        name: Switch to dark mode
+    # - scheme: default
+    #   toggle:
+    #     icon: material/brightness-7
+    #     name: Switch to dark mode
 
-    # Palette toggle for dark mode
-    - scheme: slate
-      toggle:
-        icon: material/brightness-4
-        name: Switch to light mode
+    # # Palette toggle for dark mode
+    # - scheme: slate
+    #   toggle:
+    #     icon: material/brightness-4
+    #     name: Switch to light mode
 
 markdown_extensions:
   - abbr
@@ -85,3 +88,6 @@ extra_javascript:
   - javascripts/mathjax.js
   - https://polyfill.io/v3/polyfill.min.js?features=es6
   - https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js
+
+extra_css:
+  - stylesheets/extra.css