Andi Agung Dwi Arya

Studio Revisi BeUI shadcn/ui theme

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

shadcn/ui theme 1

Open in editor
About

Studio Revisi BeUI 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(99% 0 0)
  • --foregroundoklch(15% 0 0)
  • --primaryoklch(15% 0 0)
  • --primary-foregroundoklch(99% 0 0)
  • --secondaryoklch(96% 0 0)
  • --accentoklch(96% 0 0)
  • --mutedoklch(97% 0 0)
  • --muted-foregroundoklch(50% 0 0)
  • --cardoklch(97% 0 0)
  • --borderoklch(15% 0 0 / 0.06)
  • --ringoklch(55% 0.18 255 / 0.5)
  • --destructiveoklch(50% 0.2 20)

dark

  • --background#151515
  • --foregroundoklch(96% 0 0)
  • --primaryoklch(96% 0 0)
  • --primary-foreground#151515
  • --secondary#222222
  • --accent#222222
  • --muted#1c1c1c
  • --muted-foregroundoklch(62% 0 0)
  • --card#1c1c1c
  • --borderrgb(255 255 255 / 0.05)
  • --ringoklch(70% 0.15 255 / 0.55)
  • --destructiveoklch(75% 0.16 18)

More themes

View all