diff --git a/docs/images/cncf-dark.svg b/docs/images/cncf-dark.svg
new file mode 100644
index 0000000000..c8381a061a
--- /dev/null
+++ b/docs/images/cncf-dark.svg
@@ -0,0 +1 @@
+
diff --git a/docs/images/cncf.svg b/docs/images/cncf-light.svg
similarity index 100%
rename from docs/images/cncf.svg
rename to docs/images/cncf-light.svg
diff --git a/docs/index.md b/docs/index.md
index 7b9ad83130..49b9656695 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -41,4 +41,7 @@ This can make it a good fit for lightweight CI/CD use cases.
`ko` is a Cloud Native Computing Foundation Sandbox project.
-
+
+
+
+
diff --git a/mkdocs.yml b/mkdocs.yml
index 626da448fa..4bfb8b6dd1 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -9,7 +9,26 @@ theme:
favicon: images/favicon-96x96.png
custom_dir: docs/custom/
palette:
- primary: light blue
+ # Palette toggle for automatic mode
+ - media: "(prefers-color-scheme)"
+ toggle:
+ icon: material/brightness-auto
+ name: Switch to light mode
+
+ # Palette toggle for light mode
+ - media: "(prefers-color-scheme: light)"
+ primary: light blue
+ toggle:
+ icon: material/brightness-7
+ name: Switch to dark mode
+
+ # Palette toggle for dark mode
+ - media: "(prefers-color-scheme: dark)"
+ scheme: slate
+ primary: light blue
+ toggle:
+ icon: material/brightness-4
+ name: Switch to system preference
nav:
- index.md