Added dark and light mode toggle.

Signed-off-by: Andrews Arokiam <[email protected]>

Author: andyi2it

docs/stylesheets/extra.css

@@ -1,7 +1,6 @@
 :root {
   --md-primary-fg-color: #1a7dc9;
   --home-color: #0071c7;
-  --nav-item-color: #4d4d4d;
 }
 
 .md-clipboard {
@@ -255,3 +254,6 @@
   background: rgb(228, 255, 218);
 }
 
+[data-md-color-scheme=slate] #release-update {
+  color: #756A54;
+}

mkdocs.yml

@@ -123,6 +123,19 @@ theme:
     - navigation.tracking
     - navigation.tabs.sticky
     - navigation.top
+  palette: 
+    # Palette toggle for light mode
+    - scheme: default
+      toggle:
+        icon: material/weather-night
+        name: Switch to dark mode
+
+    # Palette toggle for dark mode
+    - scheme: slate
+      toggle:
+        icon: material/weather-sunny
+        name: Switch to light mode
+
 
 markdown_extensions:
   - markdown_include.include:
@@ -161,7 +174,6 @@ plugins:
      css_dir: css
      javascript_dir: js
   - swagger-ui-tag:
-        background: White
         docExpansion: none
         filter: ""
         syntaxHighlightTheme: monokai

overrides/main.html

@@ -2,6 +2,6 @@
 
 {% block announce %}
  <h1>
-   <b>KServe v0.10 is Released</b>, <a href="/website/0.10/blog/articles/2023-02-05-KServe-0.10-release/">Read blog &gt;&gt;</a>
+   <b id="release-update">KServe v0.10 is Released,</b> <a href="/website/0.10/blog/articles/2023-02-05-KServe-0.10-release/">Read blog &gt;&gt;</a>
  </h1>
 {% endblock %}