feat: adding more content 🚀

Signed-off-by: Sven Gerber <[email protected]>

Author: svengerber

docs/stylesheets/extra.css

@@ -0,0 +1,18 @@
+#logo_light_mode {
+    display: var(--md-footer-logo-light-mode);
+}
+
+#logo_dark_mode {
+    display: var(--md-footer-logo-dark-mode);
+}
+
+[data-md-color-scheme="default"] {
+    --md-footer-logo-dark-mode:         none;
+    --md-footer-logo-light-mode:         block;
+}
+
+[data-md-color-scheme="slate"] {
+    --md-footer-logo-dark-mode:         block;
+    --md-footer-logo-light-mode:         none;
+}
+

mkdocs.yaml

@@ -30,7 +30,10 @@ nav:
 # Configuration
 theme:
   favicon: assets/images/favicon.png
-  logo: assets/images/icon_dark.png
+  #logo: assets/images/icon_dark.png
+  custom_dir: overrides
+  logo_dark_mode: assets/images/icon_white.png
+  logo_light_mode: assets/images/icon_dark.png
   name: material
   language: en
   font:
@@ -53,14 +56,14 @@ theme:
     - media: "(prefers-color-scheme: light)"
       scheme: default
       primary: white
-      accent: indigo
+      accent: blue
       toggle:
         icon: material/weather-night
         name: Switch to dark mode
     - media: "(prefers-color-scheme: dark)"
       scheme: slate
       primary: black
-      accent: indigo
+      accent: blue
       toggle:
         icon: material/weather-sunny
         name: Switch to light mode
@@ -78,6 +81,10 @@ extra:
     - icon: fontawesome/brands/linkedin
       link: https://www.linkedin.com/company/natron-tech
 
+# Extra CSS
+extra_css:
+  - stylesheets/extra.css
+
 # Markdown extensions
 markdown_extensions:
   - pymdownx.emoji:

overrides/partials/logo.html

@@ -0,0 +1,2 @@
+<img id="logo_light_mode" src="{{ config.theme.logo_light_mode | url }}" alt="logo">
+<img id="logo_dark_mode" src="{{ config.theme.logo_dark_mode | url }}" alt="logo">