基础
/
颜色
BaseColor 基础颜色
基础颜色系统,包含中性色和主题色。
中性色
Neutral-0
#FFFFFF
Neutral-1
#1D1D1F
Neutral-2
#101013
主题色
Esports Blue
#4E41DB
Esports Blue-dark
#6B5EFF
Green
#1BB373
Pink
#FD526F
Red
#DA3639
Orange
#F37F19
Yellow
#FFCC48
Purple
#8262FF
Magenta
#EB2F96
Cyan
#28B9E5
Link
#6172F3
Alpha 透明度
透明度系统,包含白色和黑色的不同透明度值。
白色透明度
White-A0 (0%)
White-A2 (2%)
White-A4 (4%)
White-A6 (6%)
White-A8 (8%)
White-A10 (10%)
White-A12 (12%)
White-A14 (14%)
White-A16 (16%)
White-A18 (18%)
White-A20 (20%)
White-A30 (30%)
White-A40 (40%)
White-A50 (50%)
White-A60 (60%)
White-A70 (70%)
White-A80 (80%)
White-A90 (90%)
黑色透明度
Black-A0 (0%)
Black-A2 (2%)
Black-A4 (4%)
Black-A6 (6%)
Black-A8 (8%)
Black-A10 (10%)
Black-A12 (12%)
Black-A14 (14%)
Black-A16 (16%)
Black-A18 (18%)
Black-A20 (20%)
Black-A30 (30%)
Black-A40 (40%)
Black-A50 (50%)
Black-A60 (60%)
Black-A70 (70%)
Black-A80 (80%)
Black-A90 (90%)
Alias Token 语义化
语义化令牌,包含亮模式和暗模式的映射。
gray-1
Light Mode
Neutral-0
Dark Mode
Neutral-2
gray-2
Light Mode
Neutral-0
Dark Mode
Neutral-1
gray-3
Light Mode
Black-A90
Dark Mode
White-A90
gray-3-reverse
Light Mode
White-A90
Dark Mode
Black-A90
gray-4
Light Mode
Black-A80
Dark Mode
White-A80
gray-5
Light Mode
Black-A70
Dark Mode
White-A70
gray-6
Light Mode
White-A4
Dark Mode
White-A50
gray-7
Light Mode
Black-A30
Dark Mode
White-A20
gray-8
Light Mode
Black-A10
Dark Mode
White-A10
gray-9
Light Mode
Black-A6
Dark Mode
White-A6
gray-10
Light Mode
Black-A4
Dark Mode
White-A4
gray-11
Light Mode
White-A90
Dark Mode
White-A10
gray-12
Light Mode
White-A90
Dark Mode
White-A4
gray-13
Light Mode
Black-A10
Dark Mode
White-A50
gray-14
Light Mode
White-A50
Dark Mode
Black-A20
gray-15
特殊
Light Mode
Black-A90
Dark Mode
Esports Blue
gray-16
Light Mode
Black-A60
Dark Mode
White-A60
transparent
Light Mode
Black-A0
Dark Mode
White-A0
transparent-reverse
Light Mode
White-A0
Dark Mode
Black-A0
mask
Light Mode
Black-A60
Dark Mode
Black-A80
shadow
Light Mode
Black-A12
Dark Mode
Black-A20
Esports Blue-LD
Light Mode
Esports Blue
Dark Mode
Esports Blue-dark