Dashboard / Theming
Theming
Flows are themed with design tokens, not per-element colors. Set the tokens once and every screen — including ones you add later — stays on brand.
Token groups
| Group | Type | Description |
|---|---|---|
| Colors | 8 tokens | accent, background, surface, text_primary, text_secondary, border, error, success. |
| Typography | font + scale | Font family and a weight scale applied across headings, body, and captions. |
| Shape | radius + shadow | Corner radius and shadow style (none, soft, hard) with blur, offset, and color. |
| Spacing | unit | The base spacing unit that paddings and gaps are derived from. |
Dark mode
A theme can carry a dark mode variant — an alternate set of color tokens. The SDK resolves light or dark automatically from the device's platform brightness; no code required.
Palettes
The theme editor ships with preset palettes to start from, and you can save your own — handy when several flows (or several apps) share a brand. Editing tokens updates the live phone preview instantly.
When no theme is set
Flows without an explicit theme render with a clean system fallback (system font, blue accent, soft shadows), so an unthemed draft is always presentable. Screens inherit theme automatically; individual elements can still override style in the inspector where a one-off is genuinely needed.