Skip to content
Themes

Every look, one command away

Five built-in presets ship with every install — and any theme you build in the Create Studio travels as a plain permalink. Agents should read DESIGN.md first (taste), then apply a preset with cronus-ui theme set.

The built-in presets

Switch between them any time with npx cronus-ui theme set <name>. Each card also carries its closest Create Studio recipe — copy the command to apply that remix, or open it in the Studio and make it yours.

Aurora

The flagship theme — luminous sky blue over deep zinc surfaces.

  • Primary: oklch(0.685 0.169 237.3)
  • Accent: oklch(0.715 0.143 215.2)
  • Surface: oklch(0.145 0.005 285.8)
  • Overlay: oklch(0.235 0.006 285.9)
  • Foreground: oklch(0.985 0.001 106.4)
  • Muted: oklch(0.442 0.013 286)
Live
npx cronus-ui theme add "https://aicronus.com/create?c=eyJiIjoiemluYyIsImgiOiJnZWlzdCIsInkiOiJnZWlzdCJ9"
Open in Create Studio

Neutral

Quiet monochrome — zero chroma, all contrast, dashboard-calm.

  • Primary: oklch(0.93 0 0)
  • Accent: oklch(0.27 0 0)
  • Surface: oklch(0.11 0 0)
  • Overlay: oklch(0.2 0 0)
  • Foreground: oklch(0.93 0 0)
  • Muted: oklch(0.44 0 0)
Live
npx cronus-ui theme add "https://aicronus.com/create?c=eyJyIjoiYmx1ZSIsImMiOiJuZXV0cmFsIiwiaCI6ImludGVyIn0"
Open in Create Studio

Midnight

Premium and atmospheric — deep indigo into violet on slate.

  • Primary: oklch(0.55 0.205 280)
  • Accent: oklch(0.53 0.2 292)
  • Surface: oklch(0.145 0.005 285.8)
  • Overlay: oklch(0.235 0.006 285.9)
  • Foreground: oklch(0.985 0.001 106.4)
  • Muted: oklch(0.442 0.013 286)
Live
npx cronus-ui theme add "https://aicronus.com/create?c=eyJiIjoic2xhdGUiLCJyIjoidmlvbGV0IiwiaCI6ImdlaXN0IiwieSI6ImdlaXN0In0"
Open in Create Studio

Sunset

Energetic warmth — amber into rose over stone surfaces.

  • Primary: oklch(0.78 0.16 65)
  • Accent: oklch(0.585 0.22 18)
  • Surface: oklch(0.145 0.005 285.8)
  • Overlay: oklch(0.235 0.006 285.9)
  • Foreground: oklch(0.985 0.001 106.4)
  • Muted: oklch(0.442 0.013 286)
Live
npx cronus-ui theme add "https://aicronus.com/create?c=eyJiIjoic3RvbmUiLCJyIjoiYW1iZXIiLCJjIjoid2FybSIsImgiOiJnZWlzdCIsInkiOiJnZWlzdCJ9"
Open in Create Studio

Emerald

Fresh green into teal — phosphor accents on near-black.

  • Primary: oklch(0.74 0.16 160)
  • Accent: oklch(0.76 0.12 185)
  • Surface: oklch(0.145 0.005 285.8)
  • Overlay: oklch(0.235 0.006 285.9)
  • Foreground: oklch(0.985 0.001 106.4)
  • Muted: oklch(0.442 0.013 286)
Live
npx cronus-ui theme add "https://aicronus.com/create?c=eyJyIjoiZW1lcmFsZCIsImgiOiJnZWlzdCIsInkiOiJnZWlzdCJ9"
Open in Create Studio

DESIGN.md (compact)

Aurora dark, Default look. Copy this into a prompt, or fetch /llms/design.compact.md. MCP: get_design_context.

markdown
# Cronus UI — DESIGN.md (compact)
**aurora** — Luminous sky on deep zinc — the flagship of generated product.
**default** — Soft radius, hairline borders, quiet shadow. The baseline material.
Aurora = generated product. Neutral = docs chrome. Looks (default/brutalist/glass) are material, not palettes.
## Tokens (aurora dark)
- canvas `oklch(0.145 0.005 285.8)` · raised `oklch(0.195 0.005 285.8)` · fg `oklch(0.985 0.001 106.4)` · secondary `oklch(0.705 0.015 286)` · tertiary `oklch(0.62 0.014 286)`
- primary `oklch(0.685 0.169 237.3)` / on-primary `oklch(0.145 0.005 285.8)`**only filled chromatic action**
- border `oklch(1 0 0 / 0.1)` · radius `14px` (button `rounded-lg`, card `rounded-xl`, pill `rounded-full`)
## Do
- One `bg-primary` button per view. Outline stays hairline.
- Headings weight 400, negative tracking by size. No bold display. No `tracking-tight`.
- `text-fg-tertiary` for readable mute. `text-fg-muted` is decoration.
- Status text: `text-*-strong`. No hex, no `bg-zinc-*`.
- Motion: `cubic-bezier(.22,1,.36,1)`. Honour reduced-motion / reduced-transparency.
## Don't
- Second accent CTA. Nested cards. Gradients on buttons. `font-bold` headings. Forking components per look.
## Look
`data-cronus-look="default"`. Default: hairline + quiet shadow. Brutalist: radius 0, stamp, uppercase. Glass: frost outline chrome, not solid primary.
## Prompt
Build with Cronus primitives only. Theme `aurora`, look `default`. One primary fill. Hairline elevation. Paste this file before the task.
Custom themes

The Studio is the registry

A Create Studio theme is just a compact token in the URL. That makes every permalink a distribution channel: post it in your team chat, a README, or a design doc — applying it is one command.

  1. Design it

    Open the Create Studio and tune base, brand, charts, type, and radius. The URL keeps up as you go — that ?c= token is the whole theme.

  2. Share it

    Copy the /create?c=… permalink, or export the JSON config. No registry, no publish step — the link is the distribution format.

  3. Apply it

    Anyone runs theme add with your link: the CLI decodes it offline and writes a marked override block into their globals.css. Re-running replaces the block.

Try it with a shared example — slate surfaces, a teal brand, 20px radius:

npx cronus-ui theme add "https://aicronus.com/create?c=eyJiIjoic2xhdGUiLCJyIjoidGVhbCIsImQiOjIwfQ"

Exported a JSON config instead? The same command takes a file path: npx cronus-ui theme add ./my-theme.json

Build your own in the Create Studio