Style picker
Choose a style profile and the whole UI primitive shell receives the linked theme preset plus the profile material overlay. Theming owns the base palette; the style picker owns the atomic surface, action, field, focus, radius, shadow, and motion treatment.
Production answer
Style picker is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
Primary CTAReview Style picker states
Generative search brief
Style picker: Choose a style profile and the whole UI primitive shell receives the linked theme preset plus the profile material overlay. Theming owns the base palette; the style picker owns the atomic surface, action, field, focus, radius, shadow, and motion treatment.
Theme + profile source
One cascade, two layers
The selected style profile is wired to the global theming preset. Theming owns the base palette; the style picker owns the material overlay. Both write to the same dashboard-root primitive tokens.
Active profileCarbon ProMachined carbon-fibre surfaces, metallic-black panels, metallic-red CTAs with amber hover, and chrome hairlines.
Linked themeMufflermen ClassicDefault Oak Flats palette — red / amber / teal on obsidian.
ScopeGlobal shellPersists across UI primitive routes
Style profile
Five token-override sets. Each writes only `--primitive-*` values, links to a theming preset, and re-themes the same atomic preview components.
Exhaust & tuning, dialled in.
Every surface, button, and field below is drawn from the Carbon Pro token set. Pick another profile to re-theme the whole preview.
Cat-back system
Mandrel-bent stainless, fitted and tuned on the dyno. Sounds the part, flows the numbers.
- Power
- +18kW
- Fit time
- 3.5h