Themes

ThemeBuilder

Custom theme builder with color pickers for every design token. Build your own theme by adjusting accent, text, surface, border, and status colors in real-time.

Preview:

1280px

Theme Builder

Accent

#6366f1

Text

#1a1a1a

Text Secondary

#6b6b6b

Text Muted

#9a9a9a

Surface

#ffffff

Field

#f5f5f5

Canvas

#fafafa

Border

#e5e5e5

Border Strong

#d1d1d1

Green

#22c55e

Red

#ef4444

Orange

#f97316

Blue

#3b82f6

Purple

#a855f7

Props

Prop	Type	Default	Description
target	RefObject<HTMLElement>	document.documentElement	Element to apply custom CSS variables to.