atlas

22atlas shadcn/ui theme

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

shadcn/ui theme

Open in editor
About

22atlas 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#f3f5fb
  • --foreground#081340
  • --primary#1747e0
  • --primary-foreground#f3f5fb
  • --secondary#e6ebf8
  • --accent#c9d6f2
  • --muted#e6ebf8
  • --muted-foreground#4a5578
  • --card#ffffff
  • --border#dbe3f6
  • --ring#1747e0
  • --destructive#b03a1a

dark

  • --background#081340
  • --foreground#f3f5fb
  • --primary#1747e0
  • --primary-foreground#f3f5fb
  • --secondary#1b3fa8
  • --accent#c9ff3d
  • --muted#0e1f6b
  • --muted-foreground#b3c0e8
  • --card#0e1f6b
  • --borderrgb(243 245 251 / 22%)
  • --ring#6f9bff
  • --destructive#b03a1a

More themes

View all