Themes
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
Token Rules
The 9 prescriptive rules for authoring Visor components — fallbacks, shadows, spacing, motion, overlays, focus rings, color formats, theme structure, and no magic numbers.
Theme Comparator
Side-by-side comparison of Visor themes — preview any two themes simultaneously across the full component library.