Amelise SquadV1.0 Dark Bloom Edition
SEMANTIC TOKENS
SUCCESS · WARNING · INFO · DESTRUCTIVE // 2026
Foundations / Semantic Tokens4 Tokens2026
01SEMANTIC COLOR TOKENS2026
Semantic Color Aliases
Success--success
oklch(0.72 0.18 145)
Positive actions, confirmations, completed states
Form submitted successfullyOrder confirmedPayment processed
Warning--warning
oklch(0.78 0.18 85)
Caution, potential issues, attention needed
Unsaved changesLow stockSession expiring soon
Info--info
oklch(0.68 0.15 240)
Informational messages, tips, neutral status
New version availableTip: use keyboard shortcutsLoading...
Destructive--destructive
oklch(0.55 0.22 25)
Errors, destructive actions, critical alerts
Failed to saveDelete cannot be undoneNetwork error
02USAGE GUIDELINES2026
When to Use Each Token
Token
Use Case
UI Element
Example
--success
Positive feedback
Alert, toast, badge
Form saved
--warning
Caution/attention
Alert, badge, icon
Unsaved changes
--info
Neutral information
Tooltip, alert, badge
New feature
--destructive
Errors/critical
Alert, button, modal
Delete item
03THEME VARIATIONS2026
Light vs Dark Values
Light Theme
Success#4ADE80
Warning#FBBF24
Info#3B82F6
Destructive#EF4444
Dark Theme (Dark Bloom)
Success#4ADE80
Warning#FBBF24
Info#3B82F6
Destructive#EF4444