Components

Switch

The shadcn switch geometry, recoloured onto the ink palette on purpose. The surface it lands on — the chat's proposal card — is deliberately monochrome, and a single brand-coloured control in a card whose only filled element is a white button would read as the most important thing on it.

Usage

The Radix switch primitive, unchanged in shape. Both ends of the thumb are ink-relative — light-on-dim when off, dark-on-solid when on — so the control is legible either way, in either theme.

import { Switch } from "@/components/ui/switch";

<Switch defaultChecked />

States

Off is a 15% ink track with a 60% thumb; on is a solid ink track with an ink-inverse thumb. Focus draws a 40% ink border rather than the brand ring — the monochrome reasoning carried through. Disabled halves the opacity and drops the cursor, the same treatment every control takes.