Design tokens

Design Spec v0.2 §2 — light + dark via prefers-color-scheme.

Backgrounds

--bg-base
Base
--bg-surface
Surface
--bg-elevated
Elevated
--bg-overlay
Overlay

Borders

--border-subtle
Subtle
--border-default
Default
--border-strong
Strong

Accent

--accent
Accent
--accent-hover
Hover
--accent-subtle
Subtle
--accent-muted
Muted

Semantic

Success --success
Warning --warning
Error --error

Type scale (Geist)

11px Build agent plugins without reading the docs.
12px Build agent plugins without reading the docs.
14px Build agent plugins without reading the docs.
15px Build agent plugins without reading the docs.
18px Build agent plugins without reading the docs.
24px Build agent plugins without reading the docs.
32px Build agent plugins without reading the docs.

Components

Auto User only Fork

Component slots (plugin types)

Skill
--skill-bg / --skill-border
Agent
--agent-bg / --agent-border
Hook
--hook-bg / --hook-border
MCP
--mcp-bg / --mcp-border

Surface materials (FAB-59)

Translucent
.surface-translucent
Grain
.surface-grain
Sunken
.surface-sunken

Elevation (FAB-58)

Sunken
--shadow-sunken
Ground
--shadow-ground
Raised
--shadow-raised
Raised · hover
--shadow-raised-hover
Raised · active
--shadow-raised-active
Floating
--shadow-floating