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. Paste it into cooud-ui theme add and the CLI materializes it in your app.

The built-in presets

Switch between them any time with npx cooud-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 look — 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 cooud-ui theme add "https://ui.testcooud.cloud/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 cooud-ui theme add "https://ui.testcooud.cloud/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 cooud-ui theme add "https://ui.testcooud.cloud/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 cooud-ui theme add "https://ui.testcooud.cloud/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 cooud-ui theme add "https://ui.testcooud.cloud/create?c=eyJyIjoiZW1lcmFsZCIsImgiOiJnZWlzdCIsInkiOiJnZWlzdCJ9"
Open in Create Studio
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 cooud-ui theme add "https://ui.testcooud.cloud/create?c=eyJiIjoic2xhdGUiLCJyIjoidGVhbCIsImQiOjIwfQ"

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

Build your own in the Create Studio