COLORS
Two-accent rule: signal red (
--accent) for actions/alerts/LIVE;
terminal green (--accent-2) for prompts/ok-states. That is all. No third accent.
Red >5% of a screen is shouting. Amber (--status-degraded) exists only as a status.
BASE PALETTE
base-palette
--black
—
--paper
—
--white
—
--gray-900
—
--gray-700
—
--gray-500
—
--gray-300
—
--gray-150
—
--gray-100
—
--red
—
--red-deep
—
--red-bright
—
--green
—
--green-bright
—
--amber
—
--amber-bright
—
SEMANTIC TOKENS
semantic-tokens
| Token | Dark value | Description |
|---|---|---|
--bg | — | Page background |
--surface | — | Card / panel background |
--ink | — | Primary text |
--ink-2 | — | Secondary text / labels |
--ink-3 | — | Disabled / placeholder |
--line | — | Border color (structural) |
--accent | — | Signal red — actions, alerts, LIVE |
--accent-2 | — | Terminal green — prompts, ok-states |
--status-degraded | — | Amber — degraded / warning status |
--status-offline | — | Red — offline / error status |
DARK / LIGHT SIDE-BY-SIDE
theme-comparison
BLACKOUT (default)
--bg
--surface
--ink
--ink-2
--ink-3
--line
--accent
--accent-2
--status-degraded
--status-offline
PAPER (data-theme="light")
--bg
--surface
--ink
--ink-2
--ink-3
--line
--accent
--accent-2
--status-degraded
--status-offline