Serafim

Starry Night shadcn/ui theme

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

shadcn/ui theme 128

Open in editor
About

Starry Night 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#f5f7fa
  • --foreground#1a2238
  • --primary#3a5ba0
  • --primary-foreground#fffbe6
  • --secondary#f7c873
  • --accent#6ea3c1
  • --muted#e5e5df
  • --muted-foreground#3a5ba0
  • --card#e3eaf2
  • --border#b0b8c1
  • --ring#f7c873
  • --destructive#2d1e2f

dark

  • --background#181a24
  • --foreground#e6eaf3
  • --primary#3a5ba0
  • --primary-foreground#ffe066
  • --secondary#ffe066
  • --accent#bccdf0
  • --muted#1d1e2f
  • --muted-foreground#7a88a1
  • --card#23243a
  • --border#2d2e3e
  • --ring#ffe066
  • --destructive#a04a6c

More by Serafim

View all