B3LiK0v IGN

Al-Heloul Al-Thakiah shadcn/ui theme

Explore the Al-Heloul Al-Thakiah shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.

shadcn/ui theme

Open in editor
About

Al-Heloul Al-Thakiah 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#eceeea
  • --foreground#0b0c0b
  • --primary#6a9a6e
  • --primary-foreground#ffffff
  • --secondary#e4e8e3
  • --accent#dfeadf
  • --muted#e4e8e3
  • --muted-foreground#6b716c
  • --card#f7f8f5
  • --borderrgba(11, 12, 11, 0.08)
  • --ring#6a9a6e
  • --destructive#d14c44

dark

  • --background#0d100e
  • --foreground#f7f8f5
  • --primary#7eae82
  • --primary-foreground#0b0c0b
  • --secondary#1c231e
  • --accent#243028
  • --muted#1c231e
  • --muted-foreground#9aa39c
  • --card#151a16
  • --borderrgba(247, 248, 245, 0.12)
  • --ring#7eae82
  • --destructive#e0645c

More themes

View all