icons and logos added

added light and dark logos, favicon, and css to swap logos automatically

Author: simonaglover95

docs/assets/extra.css

@@ -0,0 +1,15 @@
+/* Default (light) */
+:root > body {
+  --pm-logo: url("logo-light.svg");
+}
+
+/* Dark (Material's slate scheme) */
+[data-md-color-scheme="slate"] {
+  --pm-logo: url("logo-dark.svg");
+}
+
+/* Apply to the header logo image */
+.md-header__button.md-logo img,
+.md-header__button.md-logo svg {
+  content: var(--pm-logo);
+}

docs/assets/favicon.png

@@ -3,27 +3,29 @@ site_description: Official documentation for Pirate MIDI products and tools
 site_url: https://docs.piratemidi.com
 
 theme:
+  favicon: assets/favicon.png
   name: material
   features:
     - navigation.tabs
     - navigation.sections
     - content.code.copy
     - search.suggest
     - search.highlight
+  logo: assets/logo-light.svg
   palette:
-    # Light mode (auto-applies if user prefers light)
+    # Light mode
     - media: "(prefers-color-scheme: light)"
       scheme: default
       primary: indigo
-      accent: indigo
+      accent: deep orange
       toggle:
         icon: material/weather-night
         name: Switch to dark mode
-    # Dark mode (auto-applies if user prefers dark)
+    # Dark mode
     - media: "(prefers-color-scheme: dark)"
       scheme: slate
-      primary: indigo
-      accent: indigo
+      primary: teal
+      accent: lime
       toggle:
         icon: material/weather-sunny
         name: Switch to light mode
@@ -53,3 +55,6 @@ nav:
   - Device API:
       - Getting Started: device-api/index.md
   - Support: support/index.md
+
+extra_css:
+  - assets/extra.css