Theme Creator
Interactive tool for building custom Visor themes — adjust colors, typography, and design tokens, then export a ready-to-use CSS file.
The Theme Creator is an interactive design tool for building custom Visor themes. Adjust colors using the OKLCH color picker, tweak typography and spacing tokens, preview your changes live across all components, and export a production-ready CSS file.
What it does
- Visual token editor — Modify color, typography, spacing, shadow, and motion tokens through a guided interface
- Live preview — See every component update in real time as you adjust tokens
- OKLCH color picker — Perceptually uniform color selection with automatic light/dark variant generation
- CSS export — Download a complete theme CSS file ready to drop into any Visor project
Component Tokens
The component-scoped custom properties a Visor theme can bind for the admin-UI families — table, chip, filter bar, page header, empty state, banner, sidebar, tabs, skeleton, spinner — each with a documented Tier-1 fallback.
Theme Comparator
Side-by-side comparison of Visor themes — preview any two themes simultaneously across the full component library.