From 94a0d2f0c2a6890c8f3d888c1ae3e641c6e1cfb3 Mon Sep 17 00:00:00 2001 From: Subham Sangwan Date: Fri, 21 Nov 2025 16:59:34 +0530 Subject: [PATCH] feat: Add dark/light theme toggle to documentation website Implements Material theme palette toggle with three modes: - Automatic mode (follows system preference) - Light mode (default scheme) - Dark mode (slate scheme) Users can now toggle between themes using the icon in the header. All modes preserve the existing deep orange primary and green accent colors. Closes #2444 --- mkdocs.yml | 27 +++++++++++++++++++++++++-- 1 file changed, 25 insertions(+), 2 deletions(-) diff --git a/mkdocs.yml b/mkdocs.yml index b87c504fc09..0385d0fb3a0 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -178,8 +178,31 @@ theme: name: 'material' custom_dir: docs-overrides palette: - primary: 'deep orange' - accent: 'green' + # Palette toggle for automatic mode + - media: '(prefers-color-scheme)' + toggle: + icon: material/brightness-auto + name: Switch to light mode + primary: 'deep orange' + accent: 'green' + + # Palette toggle for light mode + - media: '(prefers-color-scheme: light)' + scheme: default + toggle: + icon: material/brightness-7 + name: Switch to dark mode + primary: 'deep orange' + accent: 'green' + + # Palette toggle for dark mode + - media: '(prefers-color-scheme: dark)' + scheme: slate + toggle: + icon: material/brightness-4 + name: Switch to system preference + primary: 'deep orange' + accent: 'green' favicon: image/sedona_logo_symbol.png logo: image/logo.svg icon: