Theme Switch Component

This component allows users to toggle between light and dark themes. Theme preferences are automatically saved and restored across sessions.

Default

With Dark Theme

With Auto Theme

Theme Information

The current theme state is automatically synchronized across all theme-switch components.

Theme Mode: Light
Auto Theme: Disabled
System Preference: -

Theme-Aware UI Elements

These elements automatically adapt to the current theme: