VMS v0.1.0

Release 27/10/2026 · 35 tokens · Bấm vào tên hoặc mã màu để copy.

Màu semantic dùng trong app

TokenLightDark

--color-text-default #364153 {color.neutral.700} #d1d5dc {color.neutral.300}

--color-text-subtle #99a1af {color.neutral.400} #99a1af {color.neutral.400}

--color-border-default #d1d5dc {color.neutral.300} #364153 {color.neutral.700}

--color-action-primary #f0b100 {color.primary.500} #fbb813 {color.primary.dark}

--color-feedback-error #e7000b {color.red.600} #e7000b {color.red.600}

--color-feedback-success #00a63e {color.green.600} #00a63e {color.green.600}

--color-overlay-default #07101880 {color.base.overlay-50} #07101880 {color.base.overlay-50}

--color-overlay-subtle #07101840 {color.base.overlay-25} #07101840 {color.base.overlay-25}

Màu primitive chỉ để tham chiếu, app không dùng trực tiếp

primary

500 #f0b100

dark #fbb813

neutral

300 #d1d5dc

400 #99a1af

700 #364153

red

600 #e7000b

green

600 #00a63e

base

overlay-25 #07101840

overlay-50 #07101880

Typography

Thiết kế đồng nhất cho mọi nền tảng

--typography-xs-mediumInter 500 · 10px/12px

Thiết kế đồng nhất cho mọi nền tảng

--typography-base-regularInter 400 · 14px/20px

Layout

0 --spacing-0

4 --spacing-4

8 --spacing-8

12 --spacing-12

16 --spacing-16

20 --spacing-20

24 --spacing-24

32 --spacing-32

40 --spacing-40

48 --spacing-48

Radius

0px --radius-0

4px --radius-4

8px --radius-8

12px --radius-12

16px --radius-16

full --radius-full