| Example | Description | Token |
|---|---|---|
|
#4D1979 |
Primary |
$primary
var(--color-primary)
|
|
#FED277 |
Secondary |
$secondary
var(--color-secondary)
|
|
#FFF4DC |
Tertiary |
$tertiary
var(--color-tertiary)
|
|
#FFFFFF |
Neutral 0 |
$neutral-0
var(--color-neutral-0)
|
|
#EEEEEE |
Neutral 20 |
$neutral-20
var(--color-neutral-20)
|
|
#EEEEEE |
Neutral 40 |
$neutral-40
var(--color-neutral-40)
|
|
#767676 |
Neutral 60 |
$neutral-60
var(--color-neutral-60)
|
|
#4D4D4A |
Neutral 80 |
$neutral-80
var(--color-neutral-80)
|
|
#000000 |
Neutral 100 |
$neutral-100
var(--color-neutral-100)
|
|
#4D4D4A |
Text-black |
$text-black
var(--color-text-black)
|
|
#ebe16f |
Warning Background |
$warning-background
var(--color-warning-background)
|
|
#ffcc00 |
Warning Border |
$warning-border
var(--color-warning-border)
|
|
#fbe3e4 |
Emergency Background |
$emergency-background
var(--color-emergency-background)
|
|
#d0021b |
Emergency Border |
$emergency-border
var(--color-emergency-border)
|
|
#e6efc2 |
Safe Background |
$safe-background
var(--color-safe-background)
|
|
#90ac23 |
Safe Border |
$safe-border
var(--color-safe-border)
|
|
#d5edf8 |
Announcement Background |
$announcement-background
var(--color-announcement-background)
|
|
#5aafee |
Announcement Border |
$announcement-border
var(--color-announcement-border)
|