DaisyThemeController

Overview

DaisyThemeController is a toggle-based switch for applying Daisy themes via DaisyThemeManager. It supports multiple display modes (toggle, checkbox, swap, text/icon variants) and syncs IsChecked with the current theme. Switching updates CheckedTheme/UncheckedTheme and can auto-adopt new themes.

How Theming Works

This control uses DaisyThemeManager internally, which manages the application's theme resources:

Each of the 35+ built-in DaisyUI themes provides a unique color palette
96 additional industry-specific product themes are available via DaisyProductThemeDropdown
Theme changes are applied through resource dictionary updates
For custom themes beyond the built-in set, use DaisyThemeLoader.ApplyThemeToApplication() instead

Properties

Property	Description
`Mode`	Visual mode: Toggle, Checkbox, Swap, ToggleWithText, ToggleWithIcons.
`UncheckedLabel` / `CheckedLabel`	Labels for light/dark (or custom) modes.
`UncheckedTheme` / `CheckedTheme`	Theme names to apply on off/on states (defaults: Light/Dark).

Behavior

Toggling applies the target theme via DaisyThemeManager.ApplyTheme(...).
Subscribes to DaisyThemeManager.ThemeChanged to sync IsChecked when theme changes externally.
When a new theme is applied that isn't the unchecked theme, CheckedTheme/CheckedLabel update to that theme name.

Quick Examples

In your .xaml file (e.g., MainWindow.xaml), add the namespace and control:

<!-- Add at top of file -->
xmlns:controls="using:Flowery.Controls"

<!-- Simple toggle - just drop it in, defaults to Light/Dark -->
<controls:DaisyThemeController Mode="Toggle" />

<!-- Animated sun/moon swap (as used in Gallery) -->
<controls:DaisyThemeController Mode="Swap" />

<!-- Custom theme pairing -->
<controls:DaisyThemeController Mode="ToggleWithText"
    UncheckedTheme="Light" CheckedTheme="Synthwave"
    UncheckedLabel="Light" CheckedLabel="Synthwave" />

Prerequisite: Your App.xaml must include Flowery.Uno's theme resources in Application.Resources.MergedDictionaries:

<ResourceDictionary Source="ms-appx:///Flowery.Uno/Themes/Generic.xaml" />

Tips & Best Practices

Keep UncheckedTheme aligned with your base theme so IsChecked=False reflects the default look.
If you dynamically load themes, let the controller auto-update CheckedTheme to the latest applied theme.
Choose Mode to match UI density: Swap/ToggleWithIcons for compact, ToggleWithText for clarity.
Bind IsChecked if you need to track theme state elsewhere; the controller will still apply themes.
For selection from all themes, pair with DaisyThemeDropdown (DaisyUI themes) or DaisyProductThemeDropdown (96 industry themes).

Related Controls

DaisyThemeDropdown - Dropdown for all 35+ DaisyUI themes
DaisyProductThemeDropdown - Dropdown for 96 industry-specific product themes
DaisyThemeRadio - Radio button theme selection
DaisyThemeSwap - Icon swap theme toggle
DaisyThemeManager - Central theme management

← TextRotate

ThemeDropdown →