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 @@ +cncf-color-bg.svg 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. -CNCF logo + + CNCF logo + CNCF logo + 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