Reference

Stock themes

Set `theme: <name>` in your `kazam.yaml`. The seven rainbow themes pick up a muted, earth-toned accent on top of the neutral dark base (or a light base via `mode: light`). Readable content, quiet brand color.

ROYGBIV

Rainbow set

red

#BB7777

theme: red

orange

#BB8C66

theme: orange

yellow

#B8A866

theme: yellow

green

#7A9878

theme: green

blue

#7897B8

theme: blue

indigo

#8A7FBB

theme: indigo

violet

#AB7FBB

theme: violet

Neutral

Base themes

dark

#899878 · sage accent on #121113

theme: dark

light

#222725 accent on #F7F7F2 paper

theme: light

Usage

Apply a theme

# kazam.yaml
name: My Site
theme: violet            # any rainbow color, or dark/light
mode: light              # optional — flips rainbow themes onto light base
texture: grid            # pairs with any theme
glow: accent             # picks up the active accent

mode only affects the rainbow themes (red / orange / …). theme: dark and theme: light are self-contained and ignore it. Need a custom accent outside the stock set? Override any theme token directly with colors: — the named theme is just a starting point.

# kazam.yaml — your brand color on top of the dark base
theme: dark
colors:
  accent: '#14B8B8'
  accent_soft: 'rgba(var(--accent-rgb), 0.08)'

Next up

Once your theme looks right, the last step is shipping it. Any static host works — copy-paste recipes for the handful most people pick.

Deploy recipes →