Added dark and light mode toggle.

Signed-off-by: Andrews Arokiam <[email protected]>
kserve · Oct 16, 2023 · 76e8a02 · 76e8a02
1 parent 74693a7
commit 76e8a02
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 3 deletions.
diff --git a/docs/stylesheets/extra.css b/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;
+}
diff --git a/mkdocs.yml b/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

diff --git a/overrides/main.html b/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 %}