gagan

Teal Dark shadcn/ui theme

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

shadcn/ui theme

Open in editor
About

Teal Dark 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

  • --background#ffffff
  • --foreground#181b21
  • --primary#3b6091
  • --primary-foreground#ffffff
  • --secondary#b96a4b
  • --accent#d8e2ee
  • --muted#eff5ff
  • --muted-foreground#5a6072
  • --card#ffffff
  • --border#cad0d8
  • --ring185 100% 50%
  • --destructive0 62.8% 30.6%

dark

  • --background0 0% 2%
  • --foreground0 0% 98%
  • --primary185 100% 50%
  • --primary-foreground0 0% 0%
  • --secondary345 100% 50%
  • --accent185 100% 50%
  • --muted0 0% 15%
  • --muted-foreground0 0% 65%
  • --card0 0% 3%
  • --border0 0% 10%
  • --ring185 100% 50%
  • --destructive0 62.8% 30.6%

More themes

View all