2025-11-18 15:49:30 +00:00
|
|
|
{{define "color-theme-switcher"}}
|
|
|
|
|
<!-- Color Theme Switcher (Light/Dark/Auto) - Cycles on click -->
|
|
|
|
|
<!-- IMPORTANT: This controls COLOR theme, NOT layout theme (.theme-clean) -->
|
|
|
|
|
<button id="color-theme-switcher"
|
2025-11-20 18:40:15 +00:00
|
|
|
class="color-theme-switcher no-print has-tooltip"
|
2025-11-18 15:49:30 +00:00
|
|
|
aria-label="Toggle color theme"
|
2025-11-20 18:40:15 +00:00
|
|
|
data-tooltip="Toggle color theme">
|
2025-12-01 12:31:31 +00:00
|
|
|
<iconify-icon id="themeIcon" icon="mdi:theme-light-dark"></iconify-icon>
|
2025-11-18 15:49:30 +00:00
|
|
|
</button>
|
|
|
|
|
|
2025-12-02 10:46:53 +00:00
|
|
|
<!-- Hidden buttons for compatibility (not displayed, not focusable) -->
|
|
|
|
|
<div style="display: none;" aria-hidden="true">
|
|
|
|
|
<button class="theme-option-btn" data-theme-mode="light" tabindex="-1" aria-label="Light theme"></button>
|
|
|
|
|
<button class="theme-option-btn" data-theme-mode="dark" tabindex="-1" aria-label="Dark theme"></button>
|
|
|
|
|
<button class="theme-option-btn active" data-theme-mode="auto" tabindex="-1" aria-label="Auto theme"></button>
|
2025-11-18 15:49:30 +00:00
|
|
|
</div>
|
|
|
|
|
{{end}}
|