Menadjelia Oualid

Ironclad Precision shadcn/ui theme

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

shadcn/ui theme

Open in editor
About

Ironclad Precision 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

  • --background225 100% 98.4%
  • --foreground211.4 36.8% 11.2%
  • --primary217.5 76.2% 8.2%
  • --primary-foreground0 0% 100%
  • --secondary218.8 100% 96.7%
  • --accent25.4 100% 31%
  • --muted216 92.6% 94.7%
  • --muted-foreground226.7 4.7% 37.8%
  • --card0 0% 100%
  • --border220 30.6% 90.4%
  • --ring23.2 100% 57.5%
  • --destructive0 75.5% 41.6%

dark

  • --background220 31% 5.7%
  • --foreground220 36% 95.1%
  • --primary221.8 35.4% 31%
  • --primary-foreground0 0% 100%
  • --secondary221.3 25% 12.5%
  • --accent25.4 100% 31%
  • --muted220 22.5% 15.7%
  • --muted-foreground220 10.1% 53.3%
  • --card221.5 26.5% 9.6%
  • --border220.9 20.8% 20.8%
  • --ring23.8 100% 62%
  • --destructive4.8 100% 68.4%

More themes

View all