Oak Flats workshop
Production-floor primitives styled by the token cascade. Tap a preset to see the whole subtree re-paint.
Theme presets
A grid of named presets. Each preset writes every `--primitive-*` token at once, so the live preview below it re-skins instantly. Active preset is highlighted; cards are keyboard accessible as a radiogroup.
Production answer
Theme presets is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
Primary CTAReview Theme presets states
Generative search brief
Theme presets: A grid of named presets. Each preset writes every `--primitive-*` token at once, so the live preview below it re-skins instantly. Active preset is highlighted; cards are keyboard accessible as a radiogroup.
Use case
Quick brand-direction switching during early design exploration. Stakeholders pick a preset, the team iterates around it.
Preset cascade
Selecting a preset rewrites the dashboard-root primitive tokens, so every UI primitive route re-skins from the same source.
Every primitive, one root
Each tile below reads from the same `--primitive-*` tokens scoped on the controller wrapper. Re-skin once, every primitive responds.
42
78%
Job pipeline
Diag complete
Diagnostic completion
Parts staged
Parts staged
Final QA
Final QA