Towards AI-on-Demand styling

Author: PGijsbers

docs/assets/secondary-neg-white-25p.webp

@@ -0,0 +1,23 @@
+:root  > * {
+  --md-primary-fg-color:        #0047BB;
+}
+
+/* AIOD colors
+dark blue: #0047BB
+alternative dark blue: #003399:
+light blue: #41B6E6
+yellow: #FFED00
+dark gray: #646567
+light gray: #C5C6C8
+ */
+
+/* At the default height and margin, the logo for AIoD is not recognizable. */
+.md-header__button.md-logo {
+    margin: 0;
+    padding: 0;
+}
+
+.md-header__button.md-logo img, .md-header__button.md-logo svg {
+    height: 2.4rem;
+    width: 2.4rem;
+}

docs/stylesheets/extra.css

@@ -4,6 +4,7 @@ repo_url: https://github.com/aiondemand/AIOD-rest-api
 edit_uri: edit/develop/docs/
 theme:
   name: material
+  logo: assets/secondary-neg-white-25p.webp
   features:
     - content.code.copy
     - navigation.footer
@@ -12,6 +13,8 @@ theme:
   icon:
     edit: material/pencil
     view: material/eye
+  font:
+    text: 'Montserrat'
   palette:
     # Palette toggle for light mode
     - media: "(prefers-color-scheme: light)"
@@ -27,6 +30,9 @@ theme:
         icon: material/brightness-4
         name: Switch to light mode
 
+extra_css:
+  - stylesheets/extra.css
+
 
 nav:
   - Home: README.md