Skip to content

Commit 94a0d2f

Browse files
committed
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
1 parent 3d1ebde commit 94a0d2f

File tree

1 file changed

+25
-2
lines changed

1 file changed

+25
-2
lines changed

mkdocs.yml

Lines changed: 25 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -178,8 +178,31 @@ theme:
178178
name: 'material'
179179
custom_dir: docs-overrides
180180
palette:
181-
primary: 'deep orange'
182-
accent: 'green'
181+
# Palette toggle for automatic mode
182+
- media: '(prefers-color-scheme)'
183+
toggle:
184+
icon: material/brightness-auto
185+
name: Switch to light mode
186+
primary: 'deep orange'
187+
accent: 'green'
188+
189+
# Palette toggle for light mode
190+
- media: '(prefers-color-scheme: light)'
191+
scheme: default
192+
toggle:
193+
icon: material/brightness-7
194+
name: Switch to dark mode
195+
primary: 'deep orange'
196+
accent: 'green'
197+
198+
# Palette toggle for dark mode
199+
- media: '(prefers-color-scheme: dark)'
200+
scheme: slate
201+
toggle:
202+
icon: material/brightness-4
203+
name: Switch to system preference
204+
primary: 'deep orange'
205+
accent: 'green'
183206
favicon: image/sedona_logo_symbol.png
184207
logo: image/logo.svg
185208
icon:

0 commit comments

Comments
 (0)