Theme Switcher Dark 1 - Dark default

Pro

ThemeSwitcher with defaultValue set to dark.

Shadcn Theme Switcher Dark 1 component

Component data

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

Theme Switcher Dark 1 component design & features

This example uses the Kibo UI ThemeSwitcher with defaultValue set to dark. The dark icon starts selected for products that prioritize a dark-first presentation.

Dark-default switchers suit developer tools, media apps, and dashboards where users expect a dark canvas on first load.