Colors
Bảng màu và gợi ý sử dụng màu sắc chuẩn Zalo Mini App
Primary Color
B60
Brand-primary
Text Color
NG100
text-primary
NG60
text-secondary
NG40
text-disable
WHT_A100
text-white
B90
text-blue
Icon Color
NG100
icon-01
NG60
icon-02
NG40
icon-03
WHT_A100
icon-04
Background Color
NG20
page-bg-default
WHT_A100
page-bg-white
NG10
page-bg-gray
Divider Color
NG20
divider-01
NG30
divider-02
Border Color
NG20
border-01
NG30
border-02
R60
border-danger
B60
border-selected
Interactive
R60
danger
R70
danger_pressed
B60
link-01
B50
link-02
B70
link-pressed
B60
selected
Gradient
b60b50
vertical
b60b50
horizontal
b60b50
diagonal
b60b40
vertical
b60b40
horizontal
b60b40
diagonal
b60skb50
vertical
b60skb50
horizontal
b60skb50
diagonal
skb60gr50
vertical
skb60gr50
horizontal
skb60gr50
diagonal
gr60gr40
vertical
gr60gr40
horizontal
gr60gr40
diagonal
gr60y50
vertical
gr60y50
horizontal
gr60y50
diagonal
or60y60
vertical
or60y60
horizontal
or60y60
diagonal
r60or50
vertical
r60or50
horizontal
r60or50
diagonal
pu60b50
vertical
pu60b50
horizontal
pu60b50
diagonal
pu70pu40
vertical
pu70pu40
horizontal
pu70pu40
diagonal
pu60pk30
vertical
pu60pk30
horizontal
pu60pk30
diagonal
pk60pk30
vertical
pk60pk30
horizontal
pk60pk30
diagonal
r50pk40
vertical
r50pk40
horizontal
r50pk40
diagonal
Black-alpha
BLK-A100
BLK-A90
BLK-A80
BLK-A70
BLK-A60
BLK-A50
BLK-A40
BLK-A30
BLK-A20
BLK-A10
BLK-A5
BLK-A0
White-alpha
WHT-A100
WHT-A90
WHT-A80
WHT-A70
WHT-A60
WHT-A50
WHT-A40
WHT-A30
WHT-A20
WHT-A10
WHT-A5
WHT-A0