Atlas — The shadcn for agent UI

Backgrounds

Canvas surfaces. Step #000 → #0a → #0f → #171717 for depth without introducing gray drift.

--bg-base

#000000

--bg-raised

#0f0f0f

--bg-input

#0a0a0a

--bg-tab-active

#171717

--bg-elevated

#0f0f0f

--bg-overlay

#0f0f0f

Text

Six text tokens cover 99% of copy. Match hierarchy to importance, not to decoration.

--text-primary

#ffffff

--text-secondary

#aaaaaa

--text-tertiary

#777777

--text-muted

#585858

--text-ghost

#333333

--text-inverse

#000000

Borders

Atlas is border-defined. 1px #1e1e1e separates sections; focus turns blue.

--border-subtle

#141414

--border-default

#1e1e1e

--border-strong

#3d3d3d

--border-focus

#0070f3

Accent

Near-white is the primary action color. Blue is reserved for focus and selection.

--accent-primary

#ededed

--accent-primary-hover

#ffffff

--accent-secondary

#a1a1a1

--accent-highlight

#0070f3

--accent-highlight-hover

#3291ff

Status

Amber for warnings. Red for errors. Blue (different from highlight) for info.

--status-success

#4d4d4d → green

--status-warning

#CD9731

--status-error

#F44747

--status-info

#6796E6