UI / Components / brand / ThemeSwitcher

ThemeSwitcher

Pill toggle for light / breeze / dark.

Inline pill toggle for switching themes. Three modes (Light / Breeze / Dark) or four (add Graphite). Stores choice in localStorage + syncs to system preference if no override.

$npx dock-ui add theme-switcher

Usage

import { ThemeSwitcher } from "@/components/ui/theme-switcher";

<ThemeSwitcher modes={["light", "breeze", "dark", "graphite"]} />

Install

via CLI

$ npx dock-ui add theme-switcher

Writes the file(s) directly to your components/ui/ folder. You own the code.

For agents

curl -L https://ui.trydock.ai/r/theme-switcher.json

Returns a JSON manifest with file paths + contents. Agent-readable, LLM-fetchable.

← All components

Themes·Component kit · glossary

View on GitHub →