renekops

Orange Soft shadcn/ui theme

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

shadcn/ui theme

Open in editor
About

Orange Soft 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#fdf7e8
  • --foreground#4a3f35
  • --primary#8d6842
  • --primary-foreground#ffffff
  • --secondary#e0dacc
  • --accent#d4c8aa
  • --muted#ece5d8
  • --muted-foreground#7d6b56
  • --card#fffcf5
  • --border#dbd0ba
  • --ring#a67c52
  • --destructive#b54a35

dark

  • --background#2d2621
  • --foreground#ece5d8
  • --primary#68bfe4
  • --primary-foreground#2d2621
  • --secondary#4a4039
  • --accent#59493e
  • --muted#312b26
  • --muted-foreground#c5bcac
  • --card#3a322c
  • --border#4a4039
  • --ring#c0a080
  • --destructive#b54a35

More themes

View all