Ahmed

DevPilot shadcn/ui theme

Explore the DevPilot shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.

shadcn/ui theme

Open in editor
About

DevPilot 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

  • --backgroundoklch(98.022% 0.0001 250)
  • --foregroundoklch(23.261% 0.01383 253.142)
  • --primaryoklch(23.261% 0.01383 253.142)
  • --primary-foregroundoklch(98.022% 0.0001 250)
  • --secondaryoklch(84.832% 0.0001 271.152)
  • --accentoklch(91.887% 0.0001 271.152 / 0.801)
  • --mutedoklch(84.832% 0.0001 271.152)
  • --muted-foregroundoklch(55.276% 0.01314 252.268)
  • --cardoklch(96.511% 0.0001 250)
  • --borderoklch(87.868% 0.00185 249.074)
  • --ringoklch(72.91% 0.00927 248.162)
  • --destructiveoklch(60% 0.25 25)

dark

  • --backgroundoklch(0.145 0 0)
  • --foregroundoklch(0.985 0 0)
  • --primaryoklch(0.922 0 0)
  • --primary-foregroundoklch(0.205 0 0)
  • --secondaryoklch(0.269 0 0)
  • --accentoklch(0.269 0 0)
  • --mutedoklch(0.269 0 0)
  • --muted-foregroundoklch(0.708 0 0)
  • --cardoklch(16.376% 0.00002 271.152 / 0.954)
  • --borderoklch(1 0 0 / 10%)
  • --ringoklch(0.556 0 0)
  • --destructiveoklch(0.704 0.191 22.216)

More themes

View all