M. Elliot Frost

Lumina Study shadcn/ui theme

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

shadcn/ui theme

Open in editor
About

Lumina Study 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#f8fafc
  • --foreground#0f172a
  • --primary#10b981
  • --primary-foreground#0f172a
  • --secondary#eaf6f5
  • --accent#e4fafd
  • --muted#def5fa
  • --muted-foreground#747883
  • --card#ffffff
  • --border#d7dadf
  • --ring#22d3ee
  • --destructive#c13234

dark

  • --background#0f172a
  • --foreground#f2fcfe
  • --primary#10b981
  • --primary-foreground#0f172a
  • --secondary#112b32
  • --accent#143a4b
  • --muted#204e5f
  • --muted-foreground#a4a7ae
  • --card#111827
  • --borderrgba(255, 255, 255, 0.12)
  • --ring#22d3ee
  • --destructive#c13234

More themes

View all