Theme generator

Start from a built-in theme, tune eleven colors over a live document, and download a ready-to-use theme.json. Drop it in your project root (or avo theme new) — no rebuild, just re-render.

Theme name

Start from

Primaryprimary

Headings, links, primary nodes, section rules

Secondarysecondary

Secondary accents, C4 / consumer nodes

Accentaccent

Highlight pills, foreign keys, “current” markers

Positivepositive

Success, service nodes, done

Negativenegative

Errors, forbidden edges, danger

Purplepurple

Data / context / provider nodes

Tealteal

Queues, topics, caches

Inkink

Body text

Mutedmuted

Captions, dim text, external nodes

Rulerule

Hairlines, borders, dividers

Paperpaper

Card / surface / page fills

Fonts (optional)

Display

Body

Mono

live preview · re-tints instantly

DOCUMENTTHEME PREVIEW

Aurora Platform

A living design doc — themed by you.

SECTION 01 · Sequence

Checkout

FLOW

SECTION 02 · Status

Launch status

Workstream	Update	Status
Payments	Adapter live	on track
Fraud	Model slipped	at risk
Tax	In legal	blocked

SECTION 03 · Metrics

Blocks

Themes

Exports

SECTION 04 · Note

Fully themed

Tip

Every color on this page is a CSS variable — change one and the whole document follows.

my-theme.theme.json0 overrides

{
  "name": "My theme",
  "theme": "textbook",
  "colors": {}
}