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