George

Sky Vivid shadcn/ui theme

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

shadcn/ui theme

Open in editor
About

Sky Vivid 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#f2eded
  • --foreground#0a1931
  • --primary#0f90d6
  • --primary-foreground#ffffff
  • --secondary#1f2a79
  • --accent#9effa9
  • --muted#e5eaf5
  • --muted-foreground#4a5568
  • --card#ffffff
  • --border#248f4d
  • --ring#0047ab
  • --destructive#e11d48

dark

  • --background#00050d
  • --foreground#ffffff
  • --primary#4dabff
  • --primary-foreground#00050d
  • --secondary#ff4d6d
  • --accent#d02f4d
  • --muted#001a40
  • --muted-foreground#cbd5e1
  • --card#001026
  • --border#021c45
  • --ring#4dabff
  • --destructive#ff3333

More themes

View all