Palette
Design tokens that power this site. Colors adapt between light, dark, and optional terminal flavors.
Base 100
Primary page background: the warm void or parchment field.
Base 200
Secondary surfaces, panels, and quiet elevation.
Base 300
Tertiary surfaces, dividers, borders, and table rules.
Base Content
Default body text against base surfaces.
Primary
Brand action color and active terminal accents.
Secondary
Supporting accent for alternate emphasis.
Accent
Phosphor highlight for headings, focus, and identity moments.
Neutral
Subdued UI fills that should stay out of the way.
Heading
Semantic heading color decoupled from raw status tokens.
Link
Semantic interactive text color for prose and utility links.
Muted
Captions, metadata, and low-emphasis explanatory text.
Code BG
Inline code surface, slightly lifted from the page base.
Atmosphere Ink
Topography and ambient pattern ink, separate from surfaces.
Guestbook Pattern Ink
Dense guestbook pattern ink tuned quieter than atmosphere ink.
Matrix Rain
Optional matrix background glyph color.
Info
Informational messages and helpful hints.
Success
Positive outcomes and confirmations.
Warning
Cautions, command names, and alert states.
Error
Errors, destructive actions, and anomaly states.
OKLCH values for light and dark themes. Toggle theme with Ctrl/Cmd + Shift + L
| Role | Dark | Light |
|---|---|---|
| Base 100 | ||
| Base 200 | ||
| Base 300 | ||
| Base Content | ||
| Primary | ||
| Primary Content | ||
| Secondary | ||
| Secondary Content | ||
| Accent | ||
| Accent Content | ||
| Neutral | ||
| Neutral Content | ||
| Heading | ||
| Link | ||
| Muted | ||
| Code BG | ||
| Atmosphere Ink | ||
| Guestbook Pattern Ink | ||
| Matrix Rain | ||
| Info | ||
| Info Content | ||
| Success | ||
| Success Content | ||
| Warning | ||
| Warning Content | ||
| Error | ||
| Error Content |
Flavor overrides layered on top of the base light and dark themes. Sidebar swatches persist with
theme-flavor.
CRT Green
Phosphor green basement terminal with strong emission in dark mode.
data-flavor="crt-green" Dark
html[data-theme="dark"]Light
html[data-theme="light"]Amber
Warm legacy terminal palette; closest light flavor to the default parchment.
data-flavor="amber" Dark
html[data-theme="dark"]Light
html[data-theme="light"]Synthwave
Cosmic demo-scene violet with cyan and amber contrast.
data-flavor="synthwave" Dark
html[data-theme="dark"]Light
html[data-theme="light"]DOS Blue
Classic deep-blue system UI: sharp, legible, intentionally glowless.
data-flavor="dos" Dark
html[data-theme="dark"]Light
html[data-theme="light"]Void
Monochrome negative space with only functional status color left intact.
data-flavor="void" Dark
html[data-theme="dark"]Light
html[data-theme="light"]Ice
Cold arctic precision with tight cyan glow in dark mode.
data-flavor="ice" Dark
html[data-theme="dark"]Light
html[data-theme="light"]Redline
System anomaly tension: high-chroma red against dark terminal surfaces.
data-flavor="redline"