Color Mode Toggle
One-click colour mode flip for the header. Cycles through light, dark, and system. For a settings-page picker, use ColorModeButtons.
Default
Drop into a header alongside other navigation actions.
Usage
Import the parts you need from the component's folder.
ts
import { ColorModeToggle } from "@/components/ui/color-mode-toggle";