Design Tokens
以下内容直接读取当前包导出的 token 数据，确保与代码一致。
tokens 导出
tokens.colors（亮色基准）
| Token Path | Value |
|---|---|
white | #FFFFFF |
black | #000000 |
blue.50 | #E6F1FE |
blue.100 | #CCE3FD |
blue.200 | #99C7FB |
blue.300 | #66AAF9 |
blue.400 | #338EF7 |
blue.500 | #006FEE |
blue.600 | #005BC4 |
blue.700 | #004493 |
blue.800 | #002E62 |
blue.900 | #001731 |
purple.50 | #F2EAFA |
purple.100 | #E4D4F4 |
purple.200 | #C9A9E9 |
purple.300 | #AE7EDE |
purple.400 | #9353D3 |
purple.500 | #7828C8 |
purple.600 | #6020A0 |
purple.700 | #481878 |
purple.800 | #301050 |
purple.900 | #180828 |
green.50 | #E8FAF0 |
green.100 | #D1F4E0 |
green.200 | #A2E9C1 |
green.300 | #74DFA2 |
green.400 | #45D483 |
green.500 | #17C964 |
green.600 | #12A150 |
green.700 | #0E793C |
green.800 | #095028 |
green.900 | #052814 |
red.50 | #FEE7EF |
red.100 | #FDD0DF |
red.200 | #FAA0BF |
red.300 | #F871A0 |
red.400 | #F54180 |
red.500 | #F31260 |
red.600 | #C20E4D |
red.700 | #920B3A |
red.800 | #610726 |
red.900 | #310413 |
pink.50 | #FFEDFA |
pink.100 | #FFDCF5 |
pink.200 | #FFB8EB |
pink.300 | #FF95E1 |
pink.400 | #FF71D7 |
pink.500 | #FF4ECD |
pink.600 | #CC3EA4 |
pink.700 | #992F7B |
pink.800 | #661F52 |
pink.900 | #331029 |
yellow.50 | #FEFCE8 |
yellow.100 | #FDEDD3 |
yellow.200 | #FBDBA7 |
yellow.300 | #F9C97C |
yellow.400 | #F7B750 |
yellow.500 | #F5A524 |
yellow.600 | #C4841D |
yellow.700 | #936316 |
yellow.800 | #62420E |
yellow.900 | #312107 |
cyan.50 | #F0FCFF |
cyan.100 | #E6FAFE |
cyan.200 | #D7F8FE |
cyan.300 | #C3F4FD |
cyan.400 | #A5EEFD |
cyan.500 | #7EE7FC |
cyan.600 | #06B7DB |
cyan.700 | #09AACD |
cyan.800 | #0E8AAA |
cyan.900 | #053B48 |
zinc.50 | #FAFAFA |
zinc.100 | #F4F4F5 |
zinc.200 | #E4E4E7 |
zinc.300 | #D4D4D8 |
zinc.400 | #A1A1AA |
zinc.500 | #71717A |
zinc.600 | #52525B |
zinc.700 | #3F3F46 |
zinc.800 | #27272A |
zinc.900 | #18181B |
layout.background | ##FFFFFF |
layout.foreground | #11181C |
layout.divider | rgba(17, 17, 17, 0.15) |
layout.focus | #006FEE |
content.content1 | #FFFFFF |
content.content2 | #f4f4f5 |
content.content3 | #e4e4e7 |
content.content4 | #d4d4d8 |
base.default | #d4d4d8 |
base.primary | #006FEE |
base.secondary | #7828c8 |
base.success | #17C964 |
base.warning | #F5A524 |
base.danger | #F31260 |
default.50 | #fafafa |
default.100 | #F4F4F5 |
default.200 | #E4E4E7 |
default.300 | #D4D4D8 |
default.400 | #A1A1AA |
default.500 | #71717A |
default.600 | #52525B |
default.700 | #3F3F46 |
default.800 | #27272A |
default.900 | #18181B |
primary.50 | #E6F1FE |
primary.100 | #CCE3FD |
primary.200 | #99C7FB |
primary.300 | #66AAF9 |
primary.400 | #338EF7 |
primary.500 | #006FEE |
primary.600 | #005BC4 |
primary.700 | #004493 |
primary.800 | #002E62 |
primary.900 | #001731 |
secondary.50 | #F2EAFA |
secondary.100 | #E4D4F4 |
secondary.200 | #C9A9E9 |
secondary.300 | #AE7EDE |
secondary.400 | #9353D3 |
secondary.500 | #7828C8 |
secondary.600 | #6020A0 |
secondary.700 | #481878 |
secondary.800 | #301050 |
secondary.900 | #180828 |
success.50 | #E8FAF0 |
success.100 | #D1F4E0 |
success.200 | #A2E9C1 |
success.300 | #74DFA2 |
success.400 | #45D483 |
success.500 | #17C964 |
success.600 | #12A150 |
success.700 | #0E793C |
success.800 | #095028 |
success.900 | #052814 |
warning.50 | #FEFCE8 |
warning.100 | #FDEDD3 |
warning.200 | #FBDBA7 |
warning.300 | #F9C97C |
warning.400 | #F7B750 |
warning.500 | #F5A524 |
warning.600 | #C4841D |
warning.700 | #936316 |
warning.800 | #62420E |
warning.900 | #312107 |
danger.50 | #FEE7EF |
danger.100 | #FDD0DF |
danger.200 | #FAA0BF |
danger.300 | #F871A0 |
danger.400 | #F54180 |
danger.500 | #F31260 |
danger.600 | #C20E4D |
danger.700 | #920B3A |
danger.800 | #610726 |
danger.900 | #310413 |
tokens.darkColors
| Token Path | Value |
|---|---|
white | #FFFFFF |
black | #000000 |
blue.50 | #E6F1FE |
blue.100 | #CCE3FD |
blue.200 | #99C7FB |
blue.300 | #66AAF9 |
blue.400 | #338EF7 |
blue.500 | #005BC4 |
blue.600 | #004493 |
blue.700 | #002E62 |
blue.800 | #001731 |
blue.900 | #000D1D |
purple.50 | #F2EAFA |
purple.100 | #E4D4F4 |
purple.200 | #C9A9E9 |
purple.300 | #AE7EDE |
purple.400 | #9353D3 |
purple.500 | #6020A0 |
purple.600 | #481878 |
purple.700 | #301050 |
purple.800 | #180828 |
purple.900 | #0D0417 |
green.50 | #E8FAF0 |
green.100 | #D1F4E0 |
green.200 | #A2E9C1 |
green.300 | #74DFA2 |
green.400 | #45D483 |
green.500 | #12A150 |
green.600 | #0E793C |
green.700 | #095028 |
green.800 | #052814 |
green.900 | #02140A |
red.50 | #FEE7EF |
red.100 | #FDD0DF |
red.200 | #FAA0BF |
red.300 | #F871A0 |
red.400 | #F54180 |
red.500 | #C20E4D |
red.600 | #920B3A |
red.700 | #610726 |
red.800 | #310413 |
red.900 | #180209 |
pink.50 | #FFEDFA |
pink.100 | #FFDCF5 |
pink.200 | #FFB8EB |
pink.300 | #FF95E1 |
pink.400 | #FF71D7 |
pink.500 | #FF4ECD |
pink.600 | #CC3EA4 |
pink.700 | #992F7B |
pink.800 | #661F52 |
pink.900 | #331029 |
yellow.50 | #FEFCE8 |
yellow.100 | #FDEDD3 |
yellow.200 | #FBDBA7 |
yellow.300 | #F9C97C |
yellow.400 | #F7B750 |
yellow.500 | #C4841D |
yellow.600 | #936316 |
yellow.700 | #62420E |
yellow.800 | #312107 |
yellow.900 | #181003 |
cyan.50 | #F0FCFF |
cyan.100 | #E6FAFE |
cyan.200 | #D7F8FE |
cyan.300 | #C3F4FD |
cyan.400 | #A5EEFD |
cyan.500 | #7EE7FC |
cyan.600 | #06B7DB |
cyan.700 | #09AACD |
cyan.800 | #0E8AAA |
cyan.900 | #053B48 |
zinc.50 | #FAFAFA |
zinc.100 | #F4F4F5 |
zinc.200 | #E4E4E7 |
zinc.300 | #D4D4D8 |
zinc.400 | #A1A1AA |
zinc.500 | #71717A |
zinc.600 | #52525B |
zinc.700 | #3F3F46 |
zinc.800 | #27272A |
zinc.900 | #18181B |
layout.background | #000000 |
layout.foreground | #E4E4E7 |
layout.divider | rgba(255, 255, 255, 0.15) |
layout.focus | #006FEE |
content.content1 | #18181b |
content.content2 | #27272a |
content.content3 | #3f3f46 |
content.content4 | #52525b |
base.default | #52525b |
base.primary | #005BC4 |
base.secondary | #6020A0 |
base.success | #12A150 |
base.warning | #C4841D |
base.danger | #C20E4D |
default.50 | #18181b |
default.100 | #27272a |
default.200 | #3f3f46 |
default.300 | #52525b |
default.400 | #71717a |
default.500 | #8a8a93 |
default.600 | #a1a1aa |
default.700 | #b9b9c1 |
default.800 | #d4d4d8 |
default.900 | #e4e4e7 |
primary.50 | #001731 |
primary.100 | #002e62 |
primary.200 | #004493 |
primary.300 | #005bc4 |
primary.400 | #006FEE |
primary.500 | #1f80f2 |
primary.600 | #338ef7 |
primary.700 | #66aaf9 |
primary.800 | #99c7fb |
primary.900 | #cce3fd |
secondary.50 | #180828 |
secondary.100 | #301050 |
secondary.200 | #481878 |
secondary.300 | #6020a0 |
secondary.400 | #7828c8 |
secondary.500 | #8841cf |
secondary.600 | #9353d3 |
secondary.700 | #ae7ede |
secondary.800 | #c9a9e9 |
secondary.900 | #e4d4f4 |
success.50 | #052814 |
success.100 | #095028 |
success.200 | #0E793C |
success.300 | #12A150 |
success.400 | #17C964 |
success.500 | #2ecf73 |
success.600 | #45d483 |
success.700 | #74dfa2 |
success.800 | #a2e9c1 |
success.900 | #d1f4e0 |
warning.50 | #312107 |
warning.100 | #62420E |
warning.200 | #936316 |
warning.300 | #C4841D |
warning.400 | #F5A524 |
warning.500 | #f6af3d |
warning.600 | #f7b750 |
warning.700 | #f9c97c |
warning.800 | #fbdbA7 |
warning.900 | #fdeDD3 |
danger.50 | #310413 |
danger.100 | #610726 |
danger.200 | #920B3A |
danger.300 | #C20E4D |
danger.400 | #F31260 |
danger.500 | #f42b70 |
danger.600 | #f54180 |
danger.700 | #f871a0 |
danger.800 | #faa0bf |
danger.900 | #fdd0df |
tokens.radius
| Token Path | Value |
|---|---|
6 | 6px |
10 | 10px |
14 | 14px |
18 | 18px |
9999 | 9999px |
tokens.padding
| Token Path | Value |
|---|---|
8 | 8px |
16 | 16px |
48 | 4px 8px |
140 | 14px 0 |
812 | 8px 12px |
1216 | 12px 16px |
1624 | 16px 24px |
024 | 0 24px |
tokens.gap
| Token Path | Value |
|---|---|
| 无可展示 token | |
tokens.font
| Token Path | Value |
|---|---|
| 无可展示 token | |
tokens.motion
| Token Path | Value |
|---|---|
| 无可展示 token | |
tokens.border
| Token Path | Value |
|---|---|
| 无可展示 token | |
tokens.shadows
| Token Path | Value |
|---|---|
sm | 0 1px 4px rgba(0, 0, 0, 0.06) |
md | 0 4px 16px rgba(0, 0, 0, 0.08) |
主题对象结构
lightTheme.tokens
| Token Path | Value |
|---|---|
colors.white | #FFFFFF |
colors.black | #000000 |
colors.blue.50 | #E6F1FE |
colors.blue.100 | #CCE3FD |
colors.blue.200 | #99C7FB |
colors.blue.300 | #66AAF9 |
colors.blue.400 | #338EF7 |
colors.blue.500 | #006FEE |
colors.blue.600 | #005BC4 |
colors.blue.700 | #004493 |
colors.blue.800 | #002E62 |
colors.blue.900 | #001731 |
colors.purple.50 | #F2EAFA |
colors.purple.100 | #E4D4F4 |
colors.purple.200 | #C9A9E9 |
colors.purple.300 | #AE7EDE |
colors.purple.400 | #9353D3 |
colors.purple.500 | #7828C8 |
colors.purple.600 | #6020A0 |
colors.purple.700 | #481878 |
colors.purple.800 | #301050 |
colors.purple.900 | #180828 |
colors.green.50 | #E8FAF0 |
colors.green.100 | #D1F4E0 |
colors.green.200 | #A2E9C1 |
colors.green.300 | #74DFA2 |
colors.green.400 | #45D483 |
colors.green.500 | #17C964 |
colors.green.600 | #12A150 |
colors.green.700 | #0E793C |
colors.green.800 | #095028 |
colors.green.900 | #052814 |
colors.red.50 | #FEE7EF |
colors.red.100 | #FDD0DF |
colors.red.200 | #FAA0BF |
colors.red.300 | #F871A0 |
colors.red.400 | #F54180 |
colors.red.500 | #F31260 |
colors.red.600 | #C20E4D |
colors.red.700 | #920B3A |
colors.red.800 | #610726 |
colors.red.900 | #310413 |
colors.pink.50 | #FFEDFA |
colors.pink.100 | #FFDCF5 |
colors.pink.200 | #FFB8EB |
colors.pink.300 | #FF95E1 |
colors.pink.400 | #FF71D7 |
colors.pink.500 | #FF4ECD |
colors.pink.600 | #CC3EA4 |
colors.pink.700 | #992F7B |
colors.pink.800 | #661F52 |
colors.pink.900 | #331029 |
colors.yellow.50 | #FEFCE8 |
colors.yellow.100 | #FDEDD3 |
colors.yellow.200 | #FBDBA7 |
colors.yellow.300 | #F9C97C |
colors.yellow.400 | #F7B750 |
colors.yellow.500 | #F5A524 |
colors.yellow.600 | #C4841D |
colors.yellow.700 | #936316 |
colors.yellow.800 | #62420E |
colors.yellow.900 | #312107 |
colors.cyan.50 | #F0FCFF |
colors.cyan.100 | #E6FAFE |
colors.cyan.200 | #D7F8FE |
colors.cyan.300 | #C3F4FD |
colors.cyan.400 | #A5EEFD |
colors.cyan.500 | #7EE7FC |
colors.cyan.600 | #06B7DB |
colors.cyan.700 | #09AACD |
colors.cyan.800 | #0E8AAA |
colors.cyan.900 | #053B48 |
colors.zinc.50 | #FAFAFA |
colors.zinc.100 | #F4F4F5 |
colors.zinc.200 | #E4E4E7 |
colors.zinc.300 | #D4D4D8 |
colors.zinc.400 | #A1A1AA |
colors.zinc.500 | #71717A |
colors.zinc.600 | #52525B |
colors.zinc.700 | #3F3F46 |
colors.zinc.800 | #27272A |
colors.zinc.900 | #18181B |
colors.layout.background | ##FFFFFF |
colors.layout.foreground | #11181C |
colors.layout.divider | rgba(17, 17, 17, 0.15) |
colors.layout.focus | #006FEE |
colors.content.content1 | #FFFFFF |
colors.content.content2 | #f4f4f5 |
colors.content.content3 | #e4e4e7 |
colors.content.content4 | #d4d4d8 |
colors.base.default | #d4d4d8 |
colors.base.primary | #006FEE |
colors.base.secondary | #7828c8 |
colors.base.success | #17C964 |
colors.base.warning | #F5A524 |
colors.base.danger | #F31260 |
colors.default.50 | #fafafa |
colors.default.100 | #F4F4F5 |
colors.default.200 | #E4E4E7 |
colors.default.300 | #D4D4D8 |
colors.default.400 | #A1A1AA |
colors.default.500 | #71717A |
colors.default.600 | #52525B |
colors.default.700 | #3F3F46 |
colors.default.800 | #27272A |
colors.default.900 | #18181B |
colors.primary.50 | #E6F1FE |
colors.primary.100 | #CCE3FD |
colors.primary.200 | #99C7FB |
colors.primary.300 | #66AAF9 |
colors.primary.400 | #338EF7 |
colors.primary.500 | #006FEE |
colors.primary.600 | #005BC4 |
colors.primary.700 | #004493 |
colors.primary.800 | #002E62 |
colors.primary.900 | #001731 |
colors.secondary.50 | #F2EAFA |
colors.secondary.100 | #E4D4F4 |
colors.secondary.200 | #C9A9E9 |
colors.secondary.300 | #AE7EDE |
colors.secondary.400 | #9353D3 |
colors.secondary.500 | #7828C8 |
colors.secondary.600 | #6020A0 |
colors.secondary.700 | #481878 |
colors.secondary.800 | #301050 |
colors.secondary.900 | #180828 |
colors.success.50 | #E8FAF0 |
colors.success.100 | #D1F4E0 |
colors.success.200 | #A2E9C1 |
colors.success.300 | #74DFA2 |
colors.success.400 | #45D483 |
colors.success.500 | #17C964 |
colors.success.600 | #12A150 |
colors.success.700 | #0E793C |
colors.success.800 | #095028 |
colors.success.900 | #052814 |
colors.warning.50 | #FEFCE8 |
colors.warning.100 | #FDEDD3 |
colors.warning.200 | #FBDBA7 |
colors.warning.300 | #F9C97C |
colors.warning.400 | #F7B750 |
colors.warning.500 | #F5A524 |
colors.warning.600 | #C4841D |
colors.warning.700 | #936316 |
colors.warning.800 | #62420E |
colors.warning.900 | #312107 |
colors.danger.50 | #FEE7EF |
colors.danger.100 | #FDD0DF |
colors.danger.200 | #FAA0BF |
colors.danger.300 | #F871A0 |
colors.danger.400 | #F54180 |
colors.danger.500 | #F31260 |
colors.danger.600 | #C20E4D |
colors.danger.700 | #920B3A |
colors.danger.800 | #610726 |
colors.danger.900 | #310413 |
radius.6 | 6px |
radius.10 | 10px |
radius.14 | 14px |
radius.18 | 18px |
radius.9999 | 9999px |
padding.8 | 8px |
padding.16 | 16px |
padding.48 | 4px 8px |
padding.140 | 14px 0 |
padding.812 | 8px 12px |
padding.1216 | 12px 16px |
padding.1624 | 16px 24px |
padding.024 | 0 24px |
shadows.sm | 0 1px 4px rgba(0, 0, 0, 0.06) |
shadows.md | 0 4px 16px rgba(0, 0, 0, 0.08) |
gap.4 | 4px |
gap.6 | 6px |
gap.8 | 8px |
gap.12 | 12px |
gap.16 | 16px |
gap.20 | 20px |
gap.24 | 24px |
font.family | system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "PingFang SC", "Microsoft YaHei", sans-serif |
font.weight100 | 100 |
font.weight200 | 200 |
font.weight300 | 300 |
font.weight400 | 400 |
font.weight500 | 500 |
font.weight600 | 600 |
font.weight700 | 700 |
font.weight800 | 800 |
font.weight900 | 900 |
font.size12 | 12px |
font.size13 | 13px |
font.size14 | 14px |
font.size16 | 16px |
font.size20 | 20px |
motion.transition.300ease | 0.3s ease |
border.solid_1 | 1px solid |
darkTheme.tokens
| Token Path | Value |
|---|---|
colors.white | #FFFFFF |
colors.black | #000000 |
colors.blue.50 | #E6F1FE |
colors.blue.100 | #CCE3FD |
colors.blue.200 | #99C7FB |
colors.blue.300 | #66AAF9 |
colors.blue.400 | #338EF7 |
colors.blue.500 | #005BC4 |
colors.blue.600 | #004493 |
colors.blue.700 | #002E62 |
colors.blue.800 | #001731 |
colors.blue.900 | #000D1D |
colors.purple.50 | #F2EAFA |
colors.purple.100 | #E4D4F4 |
colors.purple.200 | #C9A9E9 |
colors.purple.300 | #AE7EDE |
colors.purple.400 | #9353D3 |
colors.purple.500 | #6020A0 |
colors.purple.600 | #481878 |
colors.purple.700 | #301050 |
colors.purple.800 | #180828 |
colors.purple.900 | #0D0417 |
colors.green.50 | #E8FAF0 |
colors.green.100 | #D1F4E0 |
colors.green.200 | #A2E9C1 |
colors.green.300 | #74DFA2 |
colors.green.400 | #45D483 |
colors.green.500 | #12A150 |
colors.green.600 | #0E793C |
colors.green.700 | #095028 |
colors.green.800 | #052814 |
colors.green.900 | #02140A |
colors.red.50 | #FEE7EF |
colors.red.100 | #FDD0DF |
colors.red.200 | #FAA0BF |
colors.red.300 | #F871A0 |
colors.red.400 | #F54180 |
colors.red.500 | #C20E4D |
colors.red.600 | #920B3A |
colors.red.700 | #610726 |
colors.red.800 | #310413 |
colors.red.900 | #180209 |
colors.pink.50 | #FFEDFA |
colors.pink.100 | #FFDCF5 |
colors.pink.200 | #FFB8EB |
colors.pink.300 | #FF95E1 |
colors.pink.400 | #FF71D7 |
colors.pink.500 | #FF4ECD |
colors.pink.600 | #CC3EA4 |
colors.pink.700 | #992F7B |
colors.pink.800 | #661F52 |
colors.pink.900 | #331029 |
colors.yellow.50 | #FEFCE8 |
colors.yellow.100 | #FDEDD3 |
colors.yellow.200 | #FBDBA7 |
colors.yellow.300 | #F9C97C |
colors.yellow.400 | #F7B750 |
colors.yellow.500 | #C4841D |
colors.yellow.600 | #936316 |
colors.yellow.700 | #62420E |
colors.yellow.800 | #312107 |
colors.yellow.900 | #181003 |
colors.cyan.50 | #F0FCFF |
colors.cyan.100 | #E6FAFE |
colors.cyan.200 | #D7F8FE |
colors.cyan.300 | #C3F4FD |
colors.cyan.400 | #A5EEFD |
colors.cyan.500 | #7EE7FC |
colors.cyan.600 | #06B7DB |
colors.cyan.700 | #09AACD |
colors.cyan.800 | #0E8AAA |
colors.cyan.900 | #053B48 |
colors.zinc.50 | #FAFAFA |
colors.zinc.100 | #F4F4F5 |
colors.zinc.200 | #E4E4E7 |
colors.zinc.300 | #D4D4D8 |
colors.zinc.400 | #A1A1AA |
colors.zinc.500 | #71717A |
colors.zinc.600 | #52525B |
colors.zinc.700 | #3F3F46 |
colors.zinc.800 | #27272A |
colors.zinc.900 | #18181B |
colors.layout.background | #000000 |
colors.layout.foreground | #E4E4E7 |
colors.layout.divider | rgba(255, 255, 255, 0.15) |
colors.layout.focus | #006FEE |
colors.content.content1 | #18181b |
colors.content.content2 | #27272a |
colors.content.content3 | #3f3f46 |
colors.content.content4 | #52525b |
colors.base.default | #52525b |
colors.base.primary | #005BC4 |
colors.base.secondary | #6020A0 |
colors.base.success | #12A150 |
colors.base.warning | #C4841D |
colors.base.danger | #C20E4D |
colors.default.50 | #18181b |
colors.default.100 | #27272a |
colors.default.200 | #3f3f46 |
colors.default.300 | #52525b |
colors.default.400 | #71717a |
colors.default.500 | #8a8a93 |
colors.default.600 | #a1a1aa |
colors.default.700 | #b9b9c1 |
colors.default.800 | #d4d4d8 |
colors.default.900 | #e4e4e7 |
colors.primary.50 | #001731 |
colors.primary.100 | #002e62 |
colors.primary.200 | #004493 |
colors.primary.300 | #005bc4 |
colors.primary.400 | #006FEE |
colors.primary.500 | #1f80f2 |
colors.primary.600 | #338ef7 |
colors.primary.700 | #66aaf9 |
colors.primary.800 | #99c7fb |
colors.primary.900 | #cce3fd |
colors.secondary.50 | #180828 |
colors.secondary.100 | #301050 |
colors.secondary.200 | #481878 |
colors.secondary.300 | #6020a0 |
colors.secondary.400 | #7828c8 |
colors.secondary.500 | #8841cf |
colors.secondary.600 | #9353d3 |
colors.secondary.700 | #ae7ede |
colors.secondary.800 | #c9a9e9 |
colors.secondary.900 | #e4d4f4 |
colors.success.50 | #052814 |
colors.success.100 | #095028 |
colors.success.200 | #0E793C |
colors.success.300 | #12A150 |
colors.success.400 | #17C964 |
colors.success.500 | #2ecf73 |
colors.success.600 | #45d483 |
colors.success.700 | #74dfa2 |
colors.success.800 | #a2e9c1 |
colors.success.900 | #d1f4e0 |
colors.warning.50 | #312107 |
colors.warning.100 | #62420E |
colors.warning.200 | #936316 |
colors.warning.300 | #C4841D |
colors.warning.400 | #F5A524 |
colors.warning.500 | #f6af3d |
colors.warning.600 | #f7b750 |
colors.warning.700 | #f9c97c |
colors.warning.800 | #fbdbA7 |
colors.warning.900 | #fdeDD3 |
colors.danger.50 | #310413 |
colors.danger.100 | #610726 |
colors.danger.200 | #920B3A |
colors.danger.300 | #C20E4D |
colors.danger.400 | #F31260 |
colors.danger.500 | #f42b70 |
colors.danger.600 | #f54180 |
colors.danger.700 | #f871a0 |
colors.danger.800 | #faa0bf |
colors.danger.900 | #fdd0df |
radius.6 | 6px |
radius.10 | 10px |
radius.14 | 14px |
radius.18 | 18px |
radius.9999 | 9999px |
padding.8 | 8px |
padding.16 | 16px |
padding.48 | 4px 8px |
padding.140 | 14px 0 |
padding.812 | 8px 12px |
padding.1216 | 12px 16px |
padding.1624 | 16px 24px |
padding.024 | 0 24px |
shadows.sm | 0 1px 4px rgba(0, 0, 0, 0.06) |
shadows.md | 0 4px 16px rgba(0, 0, 0, 0.08) |
gap.4 | 4px |
gap.6 | 6px |
gap.8 | 8px |
gap.12 | 12px |
gap.16 | 16px |
gap.20 | 20px |
gap.24 | 24px |
font.family | system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "PingFang SC", "Microsoft YaHei", sans-serif |
font.weight100 | 100 |
font.weight200 | 200 |
font.weight300 | 300 |
font.weight400 | 400 |
font.weight500 | 500 |
font.weight600 | 600 |
font.weight700 | 700 |
font.weight800 | 800 |
font.weight900 | 900 |
font.size12 | 12px |
font.size13 | 13px |
font.size14 | 14px |
font.size16 | 16px |
font.size20 | 20px |
motion.transition.300ease | 0.3s ease |
border.solid_1 | 1px solid |