Theme Switch States

Normal State

Default interactive theme switch with hover effects.

Normal

Disabled State

Non-interactive state, useful when theme switching is temporarily unavailable.

Disabled

No Hover Effect

Removes hover state changes, useful for touch-only interfaces.

No hover

Keyboard Navigation

All theme switches support keyboard navigation.

Small
Medium
Large
Try it: Use Tab to focus the switches, then Space or Enter to toggle them.