Theming & tokens
Likeable styles everything from a small set of design tokens — color, radius, spacing, type — so your whole project stays consistent and you can restyle it with one decision.
How it works
Bricks reference tokens (not hard-coded colors), and tokens cascade down the page. Change a token at the top and every brick that uses it updates — no per-element editing.
Pick a theme
Open the Style panel and choose a theme preset. It sets the token palette — background, surfaces, text, primary/accent, borders — for the whole project at once. You can ask the agent too: "use a darker theme", "make the accent violet".
What tokens cover
- Color — background, card/surface, text, primary/accent, borders, and status colors.
- Radius — the corner-roundness scale.
- Type — the font family and the heading/body scale.
- Spacing — consistent padding and gaps.
Restyle with intent: change the theme or a token once rather than recoloring elements one by one. That's what keeps a project looking coherent.