Serafim

Kodama Grove shadcn/ui theme

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

shadcn/ui theme 220

Open in editor
About

Kodama Grove 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#e4d7b0
  • --foreground#5c4b3e
  • --primary#8d9d4f
  • --primary-foreground#fdfbf6
  • --secondary#decea0
  • --accent#dbc894
  • --muted#decea0
  • --muted-foreground#85766a
  • --card#e7dbbf
  • --border#b19681
  • --ring#9db18c
  • --destructive#d98b7e

dark

  • --background#3a3529
  • --foreground#ede4d4
  • --primary#8a9f7b
  • --primary-foreground#2a2521
  • --secondary#5a5345
  • --accent#a18f5c
  • --muted#4a4439
  • --muted-foreground#a8a096
  • --card#413c33
  • --border#5a5345
  • --ring#8a9f7b
  • --destructive#b5766a

More by Serafim

View all