Restyle a site with the theme editor

Choose a base theme, adjust the tokens, preview, save as your own theme, set it live, and where custom CSS goes.

1. Pick a base

/theme-editor → the gallery. Click a theme to preview it on your site's pages. Everything the platform draws — buttons, cards, tables, forms, the storefront — takes its colours, type and radius from the theme's tokens, so a whole site changes at once.

2. Adjust the tokens

Brand colour, accent, background and surfaces, text and muted text, borders, fonts, corner radius. The preview updates as you change them. Keep contrast readable: the editor warns when text and background are too close.

3. Dark mode

Themes that ship a dark counterpart get a light/dark switch in the header automatically. Adjust both if you change the brand colour.

4. Save and set

Save stores your version under a name of your own. Set makes it the live theme. You can keep several and switch between them, for example a seasonal variant.

5. Where custom CSS goes

For the rare thing the tokens cannot reach, the site has a custom stylesheet loaded last on every page. Edit it in Coder. Write overrides only; the framework stylesheets are shared across sites and not editable per site.

Brand kit

Logo and mark, entered in /settings, feed the header, the storefront chrome and social images. An agent can set them with its brand-kit tool.