Themes

Every page can use a theme preset, custom overrides, or both. Set the theme field in your page spec.

Using a preset


{
  "theme": {
    "preset": "clean-modern"
  }
}

Overrides are applied on top of the preset:


{
  "theme": {
    "preset": "clean-modern",
    "overrides": {
      "primary": "#ff6600",
      "font": "Inter, sans-serif"
    }
  }
}

Field	Type	Description
`primary`	hex color	Primary brand color
`background`	hex color	Page background color
`foreground`	hex color	Main text color
`card`	hex color	Card/section background
`border`	hex color	Border color
`font`	string	CSS font-family value, max 200 chars
`borderRadius`	`"none"` \| `"sm"` \| `"md"` \| `"lg"` \| `"full"`	Corner rounding
`shadow`	`"none"` \| `"sm"` \| `"md"` \| `"lg"`	Box shadow intensity
`linkVariant`	`"default"` \| `"outline"` \| `"glass"` \| `"brutal"` \| `"neon"` \| `"minimal"`	Link card style

All hex colors must be in #RRGGBB format (6 digits, no alpha).

Classic ChatBlocks aesthetic with warm, inviting tones. Primary: #b8860b, gradient background, default link style.

Minimal and professional with clean lines. Primary: #18181b, solid background, minimal link style.

Bold, raw, and unapologetic with hard shadows. Primary: #ff3333, 0px border radius, brutal link style.

Frosted glass effect with depth and blur. Primary: #6366f1, gradient background, glass link style.

Futuristic with neon glows and dark backgrounds. Primary: #ff00c8, solid background, neon link style.

Nostalgic notebook feel with handwriting fonts. Primary: #606060, pattern background, font: Architects Daughter, cursive.

Classic green phosphor CRT aesthetic. Primary: #22ff22, 0px border radius, font: VT323, monospace, outline link style.

Gentle and friendly with rounded shapes. Primary: #f472b6, 1.5rem border radius, gradient background.

Elegant dark theme with gold accents. Primary: #c9a227, font: Cormorant Garamond, Georgia, serif, outline link style.

Deep blues and aquatic serenity. Primary: #0284c7, gradient background, font: Poppins, system-ui, sans-serif.