Design tokens

Change brand colour, corners, spacing, type, typefaces or a whole direction in the Design tab, without spending a turn.

Updated Oct 11, 2026

Design changes brand, radius, density and type without a prompt; every change is a version.

Steps

Open Design in the project panel (on a phone, App at the bottom, then Design).
Change a control. The preview updates and the change is saved as a version.
Use the Light/Dark switch to edit each scheme; it switches the preview too.
Take a change back from Version history, or with Undo after a direction.

Control	Changes
Brand	The palette's seed colour, plus the launch screen and Android adaptive icon background.
Radius	How rounded cards, buttons and fields are.
Density	Compact, Full or Spacious spacing.
Type, Typeface	The type scale, and the display and text fonts.
Direction	Brand, geometry and type together. Hand-picked colours reset unless you keep them.
Colors	Each colour role, for light and dark.

Text stays readable: a brand colour too light to read is used darker for buttons and links. A colour role you pick below WCAG AA (4.5:1 text, 3:1 buttons and icons) is flagged with its ratio.
Controls are disabled while the assistant works.
No editable design tokens found in this project means the theme was restructured: ask the assistant to restore the standard theme values.
Anything else about the look belongs in a prompt.

Did this page help?