Theme Builder

built-in themes

20

color channels

Background

#0a0a0a--embed-bg

Foreground

#e5e5e5--embed-fg

Accent

#22c55e--embed-accent

Muted

#262626--embed-muted

Border

#1e1e1e--embed-border

live preview

The best interfaces disappear. The best code does too.

— anonymous

CSS variables

--embed-bg:#0a0a0a;
--embed-fg:#e5e5e5;
--embed-accent:#22c55e;
--embed-muted:#262626;
--embed-border:#1e1e1e;

Usage (inline style on embed wrapper)

style={{"--embed-bg": "#0a0a0a",
"--embed-fg": "#e5e5e5",
"--embed-accent": "#22c55e",
"--embed-muted": "#262626",
"--embed-border": "#1e1e1e",
}}