Skip to content
BrainstormBrainstormBrainstorm Docs

Theme Editor

Theme Editor. Compose a theme from four parts — a token set, an icon pack, typography, and an optional CSS style pack — and preview it live across the shell and every open app. Themes are vault objects like everything else.

Theme Editor: The token setTheme Editor: The token set
The token set — Semantic tokens with live swatches and per-token reset, over a light or dark base.
Theme Editor: TypographyTheme Editor: Typography
Typography — Font stacks per role and a density scale, previewed live.

What it can do

Section titled “What it can do”
  • Edit the semantic token namespace with live swatches, a color picker, and per-token reset, against a light or dark base.
  • Pick an icon pack and set font stacks per role — UI, body, code, display — plus a density scale.
  • A raw-CSS style pack editor whose sanitizer rejects dangerous constructs and blocks save on errors.
  • One button previews the composition across the dashboard and every app window, then auto-reverts.
  • WCAG contrast lint flags unreadable token pairs.
  • Hand the style pack’s CSS to the Code Editor for a full editing surface.
Section titled “Related”