Presets
Juno - Public Sans
Nova - Merriweather
Vega - Space Grotesk
Luma - Montserrat
Lyra - Geist Mono
Theme Editor
⌘E
Built-in
Default
Rome
Berlin
None
Small
Medium
Default
Large
Extra Large
Background
L0.5
C0.2
H250
Foreground
L0.5
C0.2
H250
Primary
L0.5
C0.2
H250
Primary FG
L0.5
C0.2
H250
Secondary
L0.5
C0.2
H250
Secondary FG
L0.5
C0.2
H250
Accent
L0.5
C0.2
H250
Accent FG
L0.5
C0.2
H250
Card
L0.5
C0.2
H250
Card FG
L0.5
C0.2
H250
Popover
L0.5
C0.2
H250
Popover FG
L0.5
C0.2
H250
Muted
L0.5
C0.2
H250
Muted FG
L0.5
C0.2
H250
Border
L0.5
C0.2
H250
Input
L0.5
C0.2
H250
Ring
L0.5
C0.2
H250
Destructive
L0.5
C0.2
H250
Destructive FG
L0.5
C0.2
H250
Chart 1
L0.5
C0.2
H250
Chart 2
L0.5
C0.2
H250
Chart 3
L0.5
C0.2
H250
Chart 4
L0.5
C0.2
H250
Chart 5
L0.5
C0.2
H250
Reset
Import CSS
Export Theme
Share Theme
Import Custom CSS
Paste your CSS file below to customize the theme colors. You can import themes from tweakcn.com or include variables like --primary, --background, etc.
Export
Copy the theme configuration in your preferred format.
bunx shadcn@latest add https://ui.bejamas.com/r/themes/theme.jsonRequires the theme to be shared first.
HSL
RGB
HEX
OKLCH
AI Generate Palette
Describe the palette you want to create. You can mention brands, moods, colors, or upload reference images.
Drop images or click to uploadMax 3 images, PNG/JPG
Generating palette...
AI Reasoning
Share Theme
Share this theme with others via a link. Anyone with the link can preview and install your theme.
Generating share link...
This link will expire after 30 days of inactivity.
Failed to create share link. Please try again.