partials
2 months ago
contact-us-basic.php
1 year ago
contact-us-pro.php
3 months ago
contact-us.php
1 year ago
darkmode-toggle-button.php
4 months ago
faq.php
3 months ago
footer.php
1 week ago
general-error-modal.php
1 year ago
header.php
3 months ago
main-navigation.php
1 year ago
newsfeed.php
3 months ago
darkmode-toggle-button.php
45 lines
| 1 | <?php |
| 2 | |
| 3 | use WPStaging\Framework\Settings\DarkMode; |
| 4 | |
| 5 | $defaultColorMode = get_option(DarkMode::OPTION_DEFAULT_COLOR_MODE, ''); |
| 6 | |
| 7 | // Normalize: anything other than 'light' or 'dark' becomes 'system' |
| 8 | if ($defaultColorMode !== 'light' && $defaultColorMode !== 'dark') { |
| 9 | $defaultColorMode = 'system'; |
| 10 | } |
| 11 | ?> |
| 12 | |
| 13 | <div class="wpstg-theme-toggle" data-theme-mode="<?php echo esc_attr($defaultColorMode); ?>"> |
| 14 | <button |
| 15 | type="button" |
| 16 | data-theme-btn |
| 17 | class="wpstg-theme-toggle-btn" |
| 18 | title="Theme: <?php echo esc_attr(ucfirst($defaultColorMode)); ?>" |
| 19 | aria-label="Theme: <?php echo esc_attr(ucfirst($defaultColorMode)); ?>" |
| 20 | > |
| 21 | <svg data-theme-icon="system" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> |
| 22 | <path d="M12 3V1M12 23v-2M4.22 4.22L5.64 5.64M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42" /> |
| 23 | <path d="M12 7a5 5 0 0 1 0 10" fill="none" /> |
| 24 | <path d="M12 7a5 5 0 0 0 0 10" fill="currentColor" opacity="0.3" stroke="currentColor" /> |
| 25 | </svg> |
| 26 | |
| 27 | <svg data-theme-icon="light" class="wpstg-hidden" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> |
| 28 | <circle cx="12" cy="12" r="5" /> |
| 29 | <line x1="12" y1="1" x2="12" y2="3" /> |
| 30 | <line x1="12" y1="21" x2="12" y2="23" /> |
| 31 | <line x1="4.22" y1="4.22" x2="5.64" y2="5.64" /> |
| 32 | <line x1="18.36" y1="18.36" x2="19.78" y2="19.78" /> |
| 33 | <line x1="1" y1="12" x2="3" y2="12" /> |
| 34 | <line x1="21" y1="12" x2="23" y2="12" /> |
| 35 | <line x1="4.22" y1="19.78" x2="5.64" y2="18.36" /> |
| 36 | <line x1="18.36" y1="5.64" x2="19.78" y2="4.22" /> |
| 37 | </svg> |
| 38 | |
| 39 | <svg data-theme-icon="dark" class="wpstg-hidden" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> |
| 40 | <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" /> |
| 41 | </svg> |
| 42 | |
| 43 | <span data-theme-badge="auto" class="wpstg-theme-toggle-badge">A</span> |
| 44 | </button> |
| 45 | </div> |