Serafim

Orchid Light shadcn/ui theme

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

shadcn/ui theme 28

Open in editor
About

Orchid Light 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#fdfdfd
  • --foreground#000000
  • --primary#ad46ff
  • --primary-foreground#ffffff
  • --secondary#1b1d1e
  • --accent#fbdae7
  • --muted#f5f5f5
  • --muted-foreground#525252
  • --card#fdfdfd
  • --border#e7e7ee
  • --ring#000000
  • --destructive#e54b4f

dark

  • --background#060606
  • --foreground#f0f0f0
  • --primary#ad46ff
  • --primary-foreground#ffffff
  • --secondary#1b1d1e
  • --accent#1e293b
  • --muted#2a2c33
  • --muted-foreground#a0a0a0
  • --card#121212
  • --border#2a2b2c
  • --ring#ad46ff
  • --destructive#f87171

More by Serafim

View all