Theme Switcher Light 1 - Light default

Pro

ThemeSwitcher with defaultValue set to light.

Shadcn Theme Switcher Light 1 component

Component data

ID
theme-switcher/theme-switcher-light-1
Access
pro
Created
May 23, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Theme Switcher Light 1 component design & features

This example uses the Kibo UI ThemeSwitcher with defaultValue set to light. The light icon starts selected while dark and system remain available.

Light-default switchers fit marketing previews, documentation sites, and flows where the initial experience should always open in light mode.