Ciprian Titire

Tactile shadcn/ui theme

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

shadcn/ui theme

Open in editor
About

Tactile 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

  • --backgroundoklch(0.8785 0.0069 97.36)
  • --foregroundoklch(0.2262 0.0041 264.49)
  • --primaryoklch(0.2390 0.0041 264.49)
  • --primary-foregroundoklch(0.9463 0.0070 88.64)
  • --secondaryoklch(0.9603 0.0040 106.47)
  • --accentoklch(0.9603 0.0040 106.47)
  • --mutedoklch(0.8680 0.0055 117.94)
  • --muted-foregroundoklch(0.3975 0.0072 264.49)
  • --cardoklch(0.9238 0.0054 106.50)
  • --borderoklch(0.2262 0.0041 264.49 / 0.16)
  • --ringoklch(0.2262 0.0041 264.49)
  • --destructiveoklch(0.5874 0.1981 29.64)

dark

  • --backgroundoklch(0.1677 0.0027 247.99)
  • --foregroundoklch(0.9251 0.0071 88.65)
  • --primaryoklch(0.9281 0.0070 88.64)
  • --primary-foregroundoklch(0.2088 0.0042 264.48)
  • --secondaryoklch(0.2811 0.0057 271.21)
  • --accentoklch(0.2811 0.0057 271.21)
  • --mutedoklch(0.1865 0.0044 264.46)
  • --muted-foregroundoklch(0.7282 0.0031 264.54)
  • --cardoklch(0.2262 0.0041 264.49)
  • --borderoklch(0.9251 0.0071 88.65 / 0.11)
  • --ringoklch(0.9251 0.0071 88.65)
  • --destructiveoklch(0.5874 0.1981 29.64)

More themes

View all