ProMotor shadcn/ui theme
Explore the ProMotor shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.
shadcn/ui theme 2
About
ProMotor re-skins your whole app: colours, radius and type for light and dark mode. Copy it and paste it into your coding agent, or take the tokens below into your globals.css.
light
- --background0 0% 100%
- --foreground220 23% 5%
- --primary221 87% 53%
- --primary-foreground0 0% 100%
- --secondary214 20% 96%
- --accent221 87% 53%
- --muted214 20% 96%
- --muted-foreground215 13% 40%
- --card0 0% 100%
- --border220 13% 90%
- --ring221 87% 53%
- --destructive0 72% 51%
dark
- --background228 33% 3%
- --foreground210 20% 96%
- --primary221 87% 53%
- --primary-foreground0 0% 100%
- --secondary228 20% 12%
- --accent221 70% 45%
- --muted228 20% 12%
- --muted-foreground215 12% 62%
- --card228 28% 6%
- --border228 14% 16%
- --ring221 87% 58%
- --destructive0 62% 45%
More themes
View allUpgrade your plan
Billed yearly, cancel anytime
UpgradeLaterVercel
794Upgrade your plan
Billed yearly, cancel anytime
UpgradeLaterModern Minimal
742Upgrade your plan
Billed yearly, cancel anytime
UpgradeLaterZen Linen
588Upgrade your plan
Billed yearly, cancel anytime
UpgradeLaterClaude Amber
469Upgrade your plan
Billed yearly, cancel anytime
UpgradeLaterSage Garden
461Upgrade your plan
Billed yearly, cancel anytime
UpgradeLaterClaude
450Upgrade your plan
Billed yearly, cancel anytime
UpgradeLaterLime Frost
429Upgrade your plan
Billed yearly, cancel anytime
UpgradeLaterElegant Luxury
406