Theming · 06

Umbrella preview

A representative slice of every primitive category — hero, stat tiles, sparkline, avatars, chips, radial meter, progress bars — composed inside a single ThemeController so the cascade is undeniable.

Production answer

Umbrella preview is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Umbrella preview states
Generative search brief

Umbrella preview: A representative slice of every primitive category — hero, stat tiles, sparkline, avatars, chips, radial meter, progress bars — composed inside a single ThemeController so the cascade is undeniable.

Use case

QA the cascade. Pick a preset and verify that every primitive — not just the obvious accent ones — inherits the new token values.

Presets

Preset cascade

Selecting a preset rewrites the dashboard-root primitive tokens, so every UI primitive route re-skins from the same source.

Cascade preview

Every primitive, one root

Each tile below reads from the same `--primitive-*` tokens scoped on the controller wrapper. Re-skin once, every primitive responds.

Hero

Oak Flats workshop

Production-floor primitives styled by the token cascade. Tap a preset to see the whole subtree re-paint.

Active bookings+8%
42
Last 14 days
Workshop load-3%
78%
Trend$182,400Revenue this monthMonthly revenue trendTrend over 13 samples ranging from 12.0 to 52.0.
Crew
Capacity
Hoist utilisation 68 percentRadial meter at 68 percent.68%Hoists
3 of 4 hoists in use
Throughput

Job pipeline

Diag complete
Diagnostic completion
Parts staged
Parts staged
Final QA
Final QA