Skip to content

Themes ​

Optional fence field theme: picks a named look. Omitted means folio. Unknown is E_UNKNOWN_THEME plus table fallback — never a silent swap.

chart
type: bar
theme: folio
title: Feb led Q3 at 180
x: month
y: revenue

month,revenue
Jan,120
Feb,180
Mar,150

Allowed ids: folio · highcharts · shadcn · docs · ant · recharts · graphite.

Theme vs palette ​

A theme is a grammar: mark form, axes, legend policy, typeface, plot chrome, padding. Hex is one column inside that grammar — not the product.

Palette is a second axis (colors only): optional fence palette: with ink · porcelain · warm · cool · vivid. Omit → theme pack default colors. Unknown → E_UNKNOWN_PALETTE + table. Play and Examples detail keep two controls (Theme + Color) — never one merged dropdown.

Hex tables live in docs/themes.md / packages/themes/palettes.ts. Do not invent hex lists on this page.

Site light/dark mode is chrome only — unrelated to fence theme=.

Packs on disk ​

Token packs live in packages/themes/<id>/theme.ts, resolved by packages/themes/registry.ts. @markvis/render-svg imports the registry only. No vendor chart runtimes. Site marketing figures stay folio unless a theme control is on.

idB&W tell (short)
folioOpen sheet, large left title, end-labels for few lines, dashed second series
highchartsCentered title + subtitle unit, tick marks, axis titles, circle legend below
shadcnCard outline, subtitle unit, no axis line, smooth lines without points, rounded bars
docsUPPERCASE tracked title + rule, monospace numbers, dotted grid
antDashed grid, short ticks, haloed points, donut with spider leaders
rechartsDashed x and y grid, both axis lines with ticks, hollow points
graphiteCharcoal gray ladder, one accent on the largest value, pill bars, heavy numbers

Each pack also has its own dark paper for surface: dark.

Side by side ​

The same chart in every theme. Open one to see it in Examples, where every figure has every theme.

To try a theme on your own data, change one line in the fence:

chart
type: line
theme: graphite
title: Walk-up still leads member
x: week
y: count
series: plan

week,plan,count
W1,walk-up,64
W1,member,28
W2,walk-up,69
W2,member,33

How to add a pack ​

See Contributing themes. Same ThemeTokens keys as folio, register in the registry and in @markvis/ir THEMES, keep snapshots green.

0.0.13 lives under legacy/