Glow Tokens

The glow token group provides aurora-inspired box-shadow values for creating the signature glow effect on interactive elements.

Usage

import { glow } from '@stareezy-ui/tokens'

// Use as box-shadow
const style = {
  boxShadow: glow.green.value,
  // "0 0 20px rgba(0,255,136,0.25)"
}

// Use with Card component
<Card variant="glow" glowColor="green" title="Aurora Card" />

Token Reference

Green (subtle)
glow-green
0 0 20px rgba(0,255,136,0.25)
Default aurora-themed elements
Purple (subtle)
glow-purple
0 0 20px rgba(124,58,237,0.3)
Accent elements
Green (strong)
glow-greenStrong
0 0 40px rgba(0,255,136,0.5)
Focused/active aurora elements
Purple (strong)
glow-purpleStrong
0 0 40px rgba(124,58,237,0.5)
Focused/active accent elements