Update docs website CSS

docs/overrides/stylesheets/extra.css

@@ -0,0 +1,41 @@
+:root,
+[data-md-color-scheme="default"] {
+  /* --md-heading-font: "Oswald"; */
+  --md-primary-fg-color: #cf3f02;
+  --md-default-fg-color: #443f3f;
+  --boxShadowD: 0px 12px 24px 0px rgba(68, 63, 63, 0.08),
+    0px 0px 4px 0px rgba(68, 63, 63, 0.08);
+}
+body {
+  margin: 0;
+  padding: 0;
+  /* font-size: 16px; */
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: var(--md-heading-font);
+  font-weight: bold;
+}
+.md-typeset h1,
+.md-typeset h2,
+.md-typeset h3,
+.md-typeset h4 {
+  font-weight: bold;
+  color: var(--md-default-fg-color);
+  margin: 0;
+}
+.md-button,
+.md-typeset .md-button {
+  font-family: var(--md-heading-font);
+}
+.md-content .supheading {
+  font-family: var(--md-heading-font);
+  text-transform: uppercase;
+  color: var(--md-primary-fg-color);
+  font-size: 0.75rem;
+  font-weight: bold;
+}

mkdocs.yml

@@ -46,6 +46,7 @@ watch:
 
 theme:
   name: material
+  logo: assets/logo_no_text.png
   palette:
     # Palette toggle for automatic mode
     - media: "(prefers-color-scheme)"
@@ -55,17 +56,17 @@ theme:
 
     # Palette toggle for light mode
     - media: "(prefers-color-scheme: light)"
-      primary: indigo
-      accent: indigo
+      primary: default
+      accent: deep orange
       toggle:
         icon: material/brightness-7
         name: Switch to dark mode
 
     # Palette toggle for dark mode
     - media: "(prefers-color-scheme: dark)"
       scheme: slate
-      primary: indigo
-      accent: indigo
+      primary: default
+      accent: deep orange
       toggle:
         icon: material/brightness-4
         name: Switch to system preference
@@ -83,6 +84,9 @@ theme:
     - search.suggest
     - search.share
 
+extra_css:
+  - overrides/stylesheets/extra.css
+
 plugins:
   - search
   - social