Theme export
The current cascade rendered as CSS custom properties, JSON, and a Tailwind `theme.extend` stub. Copy-to-clipboard per format with a polite aria-live confirmation.
Theme export is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
Theme export: The current cascade rendered as CSS custom properties, JSON, and a Tailwind `theme.extend` stub. Copy-to-clipboard per format with a polite aria-live confirmation.
Hand the resulting tokens to downstream apps. The CSS block drops straight onto `:root`. The JSON acts as a source of truth. The Tailwind stub seeds a separate consumer.
Preset cascade
Selecting a preset rewrites the dashboard-root primitive tokens, so every UI primitive route re-skins from the same source.
Theme handoff
The current scoped preset, with overrides applied, as a review snapshot for CSS, JSON, or a Tailwind config stub. Promote values through the theme catalog before treating them as source truth. Preset id mufflermen-classic.
[data-theme-preset="mufflermen-classic"] { --primitive-canvas: #050508; --primitive-panel: rgba(16, 16, 22, 0.82); --primitive-panel-strong: rgba(23, 24, 32, 0.96); --primitive-line: rgba(255, 255, 255, 0.13); --primitive-line-strong: rgba(255, 255, 255, 0.22); --primitive-body: #c7c9d0; --primitive-muted: #868b98; --primitive-text-strong: #ffffff; --primitive-red: #e62028; --primitive-red-dark: #a8141a; --primitive-amber: #ffc14f; --primitive-teal: #40bcff; --primitive-green: #37d67a; --primitive-icon-obsidian: #f4f5fa; --primitive-font-display: Anton, Impact, sans-serif; --primitive-font-display-alt: Oswald, Anton, sans-serif; --primitive-font-body: Inter, Arial, sans-serif; --primitive-font-mono: "JetBrains Mono", monospace; --primitive-font-mono-techno: "JetBrains Mono", monospace;}