Themes / Config-driven

One color. A whole theme.

Pick a preset or set one brand color in docu.json. Flame generates every variable for light and dark from it, so there is no CSS to hand-craft.

Light and dark follow along.

default

Hue 210

Modern blue. Used by the official DocuBook website.

"colors": "default"

freshlime

Hue 85

Warm lime. Designed for better contrast in dark mode.

"colors": "freshlime"

coffee

Hue 25

Rich coffee. An elegant brown with an expensive feel.

"colors": "coffee"
02 / Your brand color

Bring one hex.

Set primary to any hex. The resolver turns it into the full palette: 24 CSS variables per mode, plus 12 syntax tokens for code. Only primary is configurable.

docu.json
{
  "themes": {
    "colors": { "primary": "#FF5733" }
  }
}
Primary#FF5733
Light23 colors + radius
  • --background
  • --foreground
  • --card
  • --card-foreground
  • --popover
  • --popover-foreground
  • --primary
  • --primary-foreground
  • --secondary
  • --secondary-foreground
  • --muted
  • --muted-foreground
  • --accent
  • --accent-foreground
  • --destructive
  • --destructive-foreground
  • --border-color
  • --input
  • --ring
  • --base-100
  • --base-200
  • --base-300
  • --base-content
Dark23 colors + radius
  • --background
  • --foreground
  • --card
  • --card-foreground
  • --popover
  • --popover-foreground
  • --primary
  • --primary-foreground
  • --secondary
  • --secondary-foreground
  • --muted
  • --muted-foreground
  • --accent
  • --accent-foreground
  • --destructive
  • --destructive-foreground
  • --border-color
  • --input
  • --ring
  • --base-100
  • --base-200
  • --base-300
  • --base-content
Syntax12 tokens
  • keyword
  • function
  • punctuation
  • comment
  • string
  • constant
  • annotation
  • boolean
  • number
  • tag
  • attrName
  • attrValue
03 / From the command line

Try a theme. Keep your config.

The --theme flag overrides docu.json for one run. It works the same on dev, build and preview.

Read the theme guide
  1. # 01 Try a preset while you write$ flame dev --theme freshlime
  2. # 02 Build with another one$ flame build --theme coffee
  3. # 03 Preview with the default$ flame preview --theme default
The flag wins over docu.json for that run.

Less platform. More publishing.

Write like a document. Keep plain Markdown. Ship a docs site.

Get StartedOr explore the source on GitHub ↗