Monochrome Palette & Focus Rings
The default theme moves to a monochrome brand palette, and every interactive component now shows a keyboard-only focus ring for WCAG 2.4.7 compliance. A new semantic info color and the tokens behind both ship with the theme.
What's new
Monochrome Brand Palette
The primary color is now a theme-inverting neutral — near-black on light surfaces, near-white on dark — so buttons, checkboxes, switches, steppers, and progress bars read as a clean grayscale system by default. Every solid background pairs with a readable foreground token, and the Avatar fallback drops its gradient for a solid muted fill.
Visible Focus Rings
Every interactive control — Button, Input, Textarea, Select, Combobox, Checkbox, Switch, Toggle, Tabs, Dropdown, Slider, Calendar, Date Picker, and Time Picker — now renders a soft focus ring on keyboard navigation only, invisible to mouse users. Built on the new --ring token, it meets WCAG 2.4.7 and matches the focus behavior of shadcn/ui and Radix. Existing installs pull the token in through the theme.
1 npx drivn add theme
Info Color & Semantic Tokens
A new --info blue token joins the semantic palette alongside success and destructive. The Alert info variant and the calendar's "today" marker use it, and the theme now also defines --secondary-foreground and --success-foreground for solid-fill readability.
Tabs Variants
The published Tabs component now ships all three variants — the default pill, the underline, and the compact style — matching what the documentation shows.