From b9f21b1db6a168dd1b334c52727d20070bab6ddb Mon Sep 17 00:00:00 2001 From: Dalton Hubble Date: Mon, 23 Dec 2024 09:51:54 -0800 Subject: [PATCH] docs: Add support for dark mode and auto mode * Add a mkdocs-material palette switcher to switch between light and dark modes, or automatically set the mode based on system preference --- mkdocs.yml | 23 +++++++++++++++++++++-- 1 file changed, 21 insertions(+), 2 deletions(-) diff --git a/mkdocs.yml b/mkdocs.yml index d8118c52..5cd30cc2 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -15,8 +15,27 @@ theme: icon: repo: fontawesome/brands/github-alt palette: - primary: blue - accent: pink + # Automatic mode + - media: "(prefers-color-scheme)" + toggle: + icon: material/brightness-auto + name: Switch to light mode + # Light + - scheme: default + primary: blue + accent: pink + media: "(prefers-color-scheme: light)" + toggle: + name: Switch to dark mode + icon: material/weather-night + # Dark + - scheme: slate + primary: blue + accent: pink + media: "(prefers-color-scheme: dark)" + toggle: + name: Switch to system preference + icon: material/weather-sunny font: text: 'Roboto Slab' code: 'Roboto Mono'