Themes and the theme editor

Choosing a theme, editing colours, fonts and design tokens, and how the framework's components pick them up.

/theme-editor — the look of the site in one place.

Choosing a theme

Pick from the theme gallery; each is a complete palette, type scale and set of surfaces. Set it and every page changes, because the platform's components are styled entirely from the theme's tokens — colours, on-colours, surfaces, status colours, radius — rather than from fixed values.

Editing

Adjust the tokens: brand colour, accent, background, text, borders, fonts, corner radius. The preview updates as you go. Save writes the theme; Set makes it the live one. You can keep several saved themes and switch between them.

Brand kit

Logo, mark and brand colours entered in the site settings feed the storefront chrome and social images; an agent can set them with the brand-kit tool.

Custom CSS

For anything the tokens do not reach, the site has a custom stylesheet loaded last on every page. Edit it in Coder. Keep to overrides — the framework stylesheets are shared and not editable per site.