Kairoz — The shadcn for AI tooling

Backgrounds

Surface layers from #000 through #0a, #0f, to #171717. Each step adds depth while staying near black.

--bg-base

#000000

--bg-raised

#0f0f0f

--bg-input

#0a0a0a

--bg-tab-active

#171717

--bg-elevated

#0f0f0f

--bg-overlay

#0f0f0f

Text

Six tokens cover all text levels. Use higher contrast for important content, lower for secondary.

--text-primary

#ffffff

--text-secondary

#aaaaaa

--text-tertiary

#777777

--text-muted

#585858

--text-ghost

#333333

--text-inverse

#000000

Borders

Components use borders instead of shadows. Default is 1px #1e1e1e; focus ring uses blue.

--border-subtle

#141414

--border-default

#1e1e1e

--border-strong

#3d3d3d

--border-focus

#0070f3

Accent

Near-white drives primary actions. Blue is strictly for focus and selection.

--accent-primary

#ededed

--accent-primary-hover

#ffffff

--accent-secondary

#a1a1a1

--accent-highlight

#0070f3

--accent-highlight-hover

#3291ff

Status

Amber warns. Red alerts. Blue (distinct from highlight) informs.

--status-success

#4d4d4d → green

--status-warning

#CD9731

--status-error

#F44747

--status-info

#6796E6