设计系统
Token 总表
查看 Token 的层级、引用、解析值和使用位置。
总表
全部 Token
727 个 Token
| 名称 | 类型 | 原始值 / 引用 | 解析值 | 使用组件 | 预览 | 操作 |
|---|---|---|---|---|---|---|
global.color.neutral.50中性 50 | color | oklch(0.98 0 255) | oklch(0.98 0 255) | |||
global.color.neutral.100中性 100 | color | oklch(0.95 0 255) | oklch(0.95 0 255) | |||
global.color.neutral.200中性 200 | color | oklch(0.9 0.002 255) | oklch(0.9 0.002 255) | |||
global.color.neutral.300中性 300 | color | oklch(0.82 0.004 255) | oklch(0.82 0.004 255) | |||
global.color.neutral.400中性 400 | color | oklch(0.73 0.008 255) | oklch(0.73 0.008 255) | — | ||
global.color.neutral.500中性 500 | color | oklch(0.64 0.013 255) | oklch(0.64 0.013 255) | — | ||
global.color.neutral.600中性 600 | color | oklch(0.56 0.013 255) | oklch(0.56 0.013 255) | — | ||
global.color.neutral.700中性 700 | color | oklch(0.47 0.01 255) | oklch(0.47 0.01 255) | |||
global.color.neutral.800中性 800 | color | oklch(0.38 0.007 255) | oklch(0.38 0.007 255) | |||
global.color.neutral.900中性 900 | color | oklch(0.29 0.003 255) | oklch(0.29 0.003 255) | |||
global.color.neutral.950中性 950 | color | oklch(0.2 0.001 255) | oklch(0.2 0.001 255) | |||
global.color.blue.50蓝 50 | color | oklch(0.98 0.001 261.395) | oklch(0.98 0.001 261.395) | — | ||
global.color.blue.100蓝 100 | color | oklch(0.95 0.006 261.395) | oklch(0.95 0.006 261.395) | |||
global.color.blue.200蓝 200 | color | oklch(0.9 0.019 261.395) | oklch(0.9 0.019 261.395) | |||
global.color.blue.300蓝 300 | color | oklch(0.82 0.052 261.395) | oklch(0.82 0.052 261.395) | |||
global.color.blue.400蓝 400 | color | oklch(0.73 0.101 261.395) | oklch(0.73 0.101 261.395) | — | ||
global.color.blue.500蓝 500 | color | oklch(0.64 0.158 261.395) | oklch(0.64 0.158 261.395) | — | ||
global.color.blue.600蓝 600 | color | oklch(0.56 0.206 261.395) | oklch(0.56 0.206 261.395) | — | ||
global.color.blue.700蓝 700 | color | oklch(0.47 0.167 261.395) | oklch(0.47 0.167 261.395) | |||
global.color.blue.800蓝 800 | color | oklch(0.368 0.161 261.395) | oklch(0.368 0.161 261.395) | |||
global.color.blue.900蓝 900 | color | oklch(0.29 0.058 261.395) | oklch(0.29 0.058 261.395) | |||
global.color.blue.950蓝 950 | color | oklch(0.2 0.022 261.395) | oklch(0.2 0.022 261.395) | |||
global.color.indigo.50靛青 50 | color | oklch(0.98 0.001 278) | oklch(0.98 0.001 278) | — | ||
global.color.indigo.100靛青 100 | color | oklch(0.95 0.005 278) | oklch(0.95 0.005 278) | — | ||
global.color.indigo.200靛青 200 | color | oklch(0.9 0.018 278) | oklch(0.9 0.018 278) | — | ||
global.color.indigo.300靛青 300 | color | oklch(0.82 0.05 278) | oklch(0.82 0.05 278) | — | ||
global.color.indigo.400靛青 400 | color | oklch(0.73 0.096 278) | oklch(0.73 0.096 278) | — | ||
global.color.indigo.500靛青 500 | color | oklch(0.64 0.151 278) | oklch(0.64 0.151 278) | — | ||
global.color.indigo.600靛青 600 | color | oklch(0.56 0.197 278) | oklch(0.56 0.197 278) | — | ||
global.color.indigo.700靛青 700 | color | oklch(0.47 0.217 278) | oklch(0.47 0.217 278) | — | ||
global.color.indigo.800靛青 800 | color | oklch(0.38 0.143 278) | oklch(0.38 0.143 278) | — | ||
global.color.indigo.900靛青 900 | color | oklch(0.29 0.075 278) | oklch(0.29 0.075 278) | — | ||
global.color.indigo.950靛青 950 | color | oklch(0.2 0.029 278) | oklch(0.2 0.029 278) | — | ||
global.color.purple.50紫 50 | color | oklch(0.98 0.001 305) | oklch(0.98 0.001 305) | — | ||
global.color.purple.100紫 100 | color | oklch(0.95 0.006 305) | oklch(0.95 0.006 305) | — | ||
global.color.purple.200紫 200 | color | oklch(0.9 0.022 305) | oklch(0.9 0.022 305) | — | ||
global.color.purple.300紫 300 | color | oklch(0.82 0.059 305) | oklch(0.82 0.059 305) | — | ||
global.color.purple.400紫 400 | color | oklch(0.73 0.114 305) | oklch(0.73 0.114 305) | — | ||
global.color.purple.500紫 500 | color | oklch(0.64 0.18 305) | oklch(0.64 0.18 305) | — | ||
global.color.purple.600紫 600 | color | oklch(0.56 0.223 305) | oklch(0.56 0.223 305) | — | ||
global.color.purple.700紫 700 | color | oklch(0.47 0.176 305) | oklch(0.47 0.176 305) | — | ||
global.color.purple.800紫 800 | color | oklch(0.38 0.115 305) | oklch(0.38 0.115 305) | — | ||
global.color.purple.900紫 900 | color | oklch(0.29 0.061 305) | oklch(0.29 0.061 305) | — | ||
global.color.purple.950紫 950 | color | oklch(0.2 0.023 305) | oklch(0.2 0.023 305) | — | ||
global.color.pink.50粉 50 | color | oklch(0.98 0.001 350) | oklch(0.98 0.001 350) | — | ||
global.color.pink.100粉 100 | color | oklch(0.95 0.006 350) | oklch(0.95 0.006 350) | — | ||
global.color.pink.200粉 200 | color | oklch(0.9 0.022 350) | oklch(0.9 0.022 350) | — | ||
global.color.pink.300粉 300 | color | oklch(0.82 0.063 350) | oklch(0.82 0.063 350) | — | ||
global.color.pink.400粉 400 | color | oklch(0.73 0.129 350) | oklch(0.73 0.129 350) | — | ||
global.color.pink.500粉 500 | color | oklch(0.64 0.197 350) | oklch(0.64 0.197 350) | — | ||
global.color.pink.600粉 600 | color | oklch(0.56 0.179 350) | oklch(0.56 0.179 350) | — | ||
global.color.pink.700粉 700 | color | oklch(0.47 0.141 350) | oklch(0.47 0.141 350) | — | ||
global.color.pink.800粉 800 | color | oklch(0.38 0.093 350) | oklch(0.38 0.093 350) | — | ||
global.color.pink.900粉 900 | color | oklch(0.29 0.049 350) | oklch(0.29 0.049 350) | — | ||
global.color.pink.950粉 950 | color | oklch(0.2 0.019 350) | oklch(0.2 0.019 350) | — | ||
global.color.red.50红 50 | color | oklch(0.98 0.001 25) | oklch(0.98 0.001 25) | — | ||
global.color.red.100红 100 | color | oklch(0.95 0.006 25) | oklch(0.95 0.006 25) | |||
global.color.red.200红 200 | color | oklch(0.9 0.02 25) | oklch(0.9 0.02 25) | |||
global.color.red.300红 300 | color | oklch(0.82 0.056 25) | oklch(0.82 0.056 25) | |||
global.color.red.400红 400 | color | oklch(0.73 0.114 25) | oklch(0.73 0.114 25) | — | ||
global.color.red.500红 500 | color | oklch(0.64 0.191 25) | oklch(0.64 0.191 25) | — | ||
global.color.red.600红 600 | color | oklch(0.56 0.183 25) | oklch(0.56 0.183 25) | — | ||
global.color.red.700红 700 | color | oklch(0.47 0.145 25) | oklch(0.47 0.145 25) | |||
global.color.red.800红 800 | color | oklch(0.38 0.095 25) | oklch(0.38 0.095 25) | |||
global.color.red.900红 900 | color | oklch(0.29 0.05 25) | oklch(0.29 0.05 25) | |||
global.color.red.950红 950 | color | oklch(0.2 0.019 25) | oklch(0.2 0.019 25) | |||
global.color.orange.50橙 50 | color | oklch(0.98 0.001 55) | oklch(0.98 0.001 55) | — | ||
global.color.orange.100橙 100 | color | oklch(0.95 0.006 55) | oklch(0.95 0.006 55) | — | ||
global.color.orange.200橙 200 | color | oklch(0.9 0.022 55) | oklch(0.9 0.022 55) | — | ||
global.color.orange.300橙 300 | color | oklch(0.82 0.061 55) | oklch(0.82 0.061 55) | — | ||
global.color.orange.400橙 400 | color | oklch(0.73 0.117 55) | oklch(0.73 0.117 55) | — | ||
global.color.orange.500橙 500 | color | oklch(0.64 0.117 55) | oklch(0.64 0.117 55) | — | ||
global.color.orange.600橙 600 | color | oklch(0.56 0.106 55) | oklch(0.56 0.106 55) | — | ||
global.color.orange.700橙 700 | color | oklch(0.47 0.084 55) | oklch(0.47 0.084 55) | — | ||
global.color.orange.800橙 800 | color | oklch(0.38 0.055 55) | oklch(0.38 0.055 55) | — | ||
global.color.orange.900橙 900 | color | oklch(0.29 0.029 55) | oklch(0.29 0.029 55) | — | ||
global.color.orange.950橙 950 | color | oklch(0.2 0.011 55) | oklch(0.2 0.011 55) | — | ||
global.color.yellow.50黄 50 | color | oklch(0.98 0.002 90) | oklch(0.98 0.002 90) | — | ||
global.color.yellow.100黄 100 | color | oklch(0.95 0.012 90) | oklch(0.95 0.012 90) | — | ||
global.color.yellow.200黄 200 | color | oklch(0.9 0.042 90) | oklch(0.9 0.042 90) | — | ||
global.color.yellow.300黄 300 | color | oklch(0.82 0.08 90) | oklch(0.82 0.08 90) | — | ||
global.color.yellow.400黄 400 | color | oklch(0.73 0.088 90) | oklch(0.73 0.088 90) | — | ||
global.color.yellow.500黄 500 | color | oklch(0.64 0.088 90) | oklch(0.64 0.088 90) | — | ||
global.color.yellow.600黄 600 | color | oklch(0.56 0.08 90) | oklch(0.56 0.08 90) | — | ||
global.color.yellow.700黄 700 | color | oklch(0.47 0.063 90) | oklch(0.47 0.063 90) | — | ||
global.color.yellow.800黄 800 | color | oklch(0.38 0.041 90) | oklch(0.38 0.041 90) | — | ||
global.color.yellow.900黄 900 | color | oklch(0.29 0.022 90) | oklch(0.29 0.022 90) | — | ||
global.color.yellow.950黄 950 | color | oklch(0.2 0.008 90) | oklch(0.2 0.008 90) | — | ||
global.color.green.50绿 50 | color | oklch(0.98 0.003 150) | oklch(0.98 0.003 150) | — | ||
global.color.green.100绿 100 | color | oklch(0.95 0.017 150) | oklch(0.95 0.017 150) | — | ||
global.color.green.200绿 200 | color | oklch(0.9 0.062 150) | oklch(0.9 0.062 150) | — | ||
global.color.green.300绿 300 | color | oklch(0.82 0.113 150) | oklch(0.82 0.113 150) | — | ||
global.color.green.400绿 400 | color | oklch(0.73 0.124 150) | oklch(0.73 0.124 150) | — | ||
global.color.green.500绿 500 | color | oklch(0.64 0.124 150) | oklch(0.64 0.124 150) | — | ||
global.color.green.600绿 600 | color | oklch(0.56 0.113 150) | oklch(0.56 0.113 150) | — | ||
global.color.green.700绿 700 | color | oklch(0.47 0.089 150) | oklch(0.47 0.089 150) | — | ||
global.color.green.800绿 800 | color | oklch(0.38 0.059 150) | oklch(0.38 0.059 150) | — | ||
global.color.green.900绿 900 | color | oklch(0.29 0.031 150) | oklch(0.29 0.031 150) | — | ||
global.color.green.950绿 950 | color | oklch(0.2 0.012 150) | oklch(0.2 0.012 150) | — | ||
global.color.mint.50薄荷 50 | color | oklch(0.98 0.003 170) | oklch(0.98 0.003 170) | — | ||
global.color.mint.100薄荷 100 | color | oklch(0.95 0.014 170) | oklch(0.95 0.014 170) | — | ||
global.color.mint.200薄荷 200 | color | oklch(0.9 0.049 170) | oklch(0.9 0.049 170) | — | ||
global.color.mint.300薄荷 300 | color | oklch(0.82 0.073 170) | oklch(0.82 0.073 170) | — | ||
global.color.mint.400薄荷 400 | color | oklch(0.73 0.081 170) | oklch(0.73 0.081 170) | — | ||
global.color.mint.500薄荷 500 | color | oklch(0.64 0.081 170) | oklch(0.64 0.081 170) | — | ||
global.color.mint.600薄荷 600 | color | oklch(0.56 0.074 170) | oklch(0.56 0.074 170) | — | ||
global.color.mint.700薄荷 700 | color | oklch(0.47 0.058 170) | oklch(0.47 0.058 170) | — | ||
global.color.mint.800薄荷 800 | color | oklch(0.38 0.038 170) | oklch(0.38 0.038 170) | — | ||
global.color.mint.900薄荷 900 | color | oklch(0.29 0.02 170) | oklch(0.29 0.02 170) | — | ||
global.color.mint.950薄荷 950 | color | oklch(0.2 0.008 170) | oklch(0.2 0.008 170) | — | ||
global.color.teal.50青绿 50 | color | oklch(0.98 0.003 195) | oklch(0.98 0.003 195) | — | ||
global.color.teal.100青绿 100 | color | oklch(0.95 0.014 195) | oklch(0.95 0.014 195) | — | ||
global.color.teal.200青绿 200 | color | oklch(0.9 0.048 195) | oklch(0.9 0.048 195) | — | ||
global.color.teal.300青绿 300 | color | oklch(0.82 0.063 195) | oklch(0.82 0.063 195) | — | ||
global.color.teal.400青绿 400 | color | oklch(0.73 0.07 195) | oklch(0.73 0.07 195) | — | ||
global.color.teal.500青绿 500 | color | oklch(0.64 0.07 195) | oklch(0.64 0.07 195) | — | ||
global.color.teal.600青绿 600 | color | oklch(0.56 0.063 195) | oklch(0.56 0.063 195) | — | ||
global.color.teal.700青绿 700 | color | oklch(0.47 0.05 195) | oklch(0.47 0.05 195) | — | ||
global.color.teal.800青绿 800 | color | oklch(0.38 0.033 195) | oklch(0.38 0.033 195) | — | ||
global.color.teal.900青绿 900 | color | oklch(0.29 0.017 195) | oklch(0.29 0.017 195) | — | ||
global.color.teal.950青绿 950 | color | oklch(0.2 0.007 195) | oklch(0.2 0.007 195) | — | ||
global.color.cyan.50青 50 | color | oklch(0.98 0.001 220) | oklch(0.98 0.001 220) | — | ||
global.color.cyan.100青 100 | color | oklch(0.95 0.007 220) | oklch(0.95 0.007 220) | — | ||
global.color.cyan.200青 200 | color | oklch(0.9 0.023 220) | oklch(0.9 0.023 220) | — | ||
global.color.cyan.300青 300 | color | oklch(0.82 0.063 220) | oklch(0.82 0.063 220) | — | ||
global.color.cyan.400青 400 | color | oklch(0.73 0.078 220) | oklch(0.73 0.078 220) | — | ||
global.color.cyan.500青 500 | color | oklch(0.64 0.078 220) | oklch(0.64 0.078 220) | — | ||
global.color.cyan.600青 600 | color | oklch(0.56 0.071 220) | oklch(0.56 0.071 220) | — | ||
global.color.cyan.700青 700 | color | oklch(0.47 0.056 220) | oklch(0.47 0.056 220) | — | ||
global.color.cyan.800青 800 | color | oklch(0.38 0.037 220) | oklch(0.38 0.037 220) | — | ||
global.color.cyan.900青 900 | color | oklch(0.29 0.019 220) | oklch(0.29 0.019 220) | — | ||
global.color.cyan.950青 950 | color | oklch(0.2 0.007 220) | oklch(0.2 0.007 220) | — | ||
global.color.white纯白 | color | oklch(1 0 0) | oklch(1 0 0) | |||
global.color.black纯黑 | color | oklch(0 0 0) | oklch(0 0 0) | — | ||
global.color.transparent透明 | color | oklch(0 0 0 / 0) | oklch(0 0 0 / 0) | |||
global.color.scrim遮罩 | color | oklch(0 0 0 / 0.72) | oklch(0 0 0 / 0.72) | — | ||
global.typography.family.sans界面字体栈 | fontFamily | ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "Segoe UI", "PingFang SC", sans-serif | ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "Segoe UI", "PingFang SC", sans-serif | — | Aa | |
global.typography.family.mono代码与 Token 字体栈 | fontFamily | "SFMono-Regular", Consolas, "Liberation Mono", monospace | "SFMono-Regular", Consolas, "Liberation Mono", monospace | — | Aa | |
global.typography.family.rounded数字与紧凑标签字体栈 | fontFamily | "SF Pro Rounded", ui-rounded, system-ui, sans-serif | "SF Pro Rounded", ui-rounded, system-ui, sans-serif | — | Aa | |
global.typography.size.1212px | dimension | 0.75rem | 0.75rem | — | Aa | |
global.typography.size.1313px | dimension | 0.8125rem | 0.8125rem | Aa | ||
global.typography.size.1414px | dimension | 0.875rem | 0.875rem | Aa | ||
global.typography.size.1616px | dimension | 1rem | 1rem | Aa | ||
global.typography.size.1818px | dimension | 1.125rem | 1.125rem | — | Aa | |
global.typography.size.2020px | dimension | 1.25rem | 1.25rem | — | Aa | |
global.typography.size.2424px | dimension | 1.5rem | 1.5rem | — | Aa | |
global.typography.size.3232px | dimension | 2rem | 2rem | — | Aa | |
global.typography.size.4032–40px | dimension | clamp(2rem, 3vw, 2.5rem) | clamp(2rem, 3vw, 2.5rem) | — | Aa | |
global.typography.size.4840–48px | dimension | clamp(2.5rem, 4vw, 3rem) | clamp(2.5rem, 4vw, 3rem) | — | Aa | |
global.typography.size.6448–64px | dimension | clamp(3rem, 6vw, 4rem) | clamp(3rem, 6vw, 4rem) | — | Aa | |
global.typography.size.8056–80px | dimension | clamp(3.5rem, 8vw, 5rem) | clamp(3.5rem, 8vw, 5rem) | — | Aa | |
global.typography.size.9664–96px | dimension | clamp(4rem, 10vw, 6rem) | clamp(4rem, 10vw, 6rem) | — | Aa | |
global.typography.weight.regular常规 | fontWeight | 400 | 400 | — | Aa | |
global.typography.weight.medium中等 | fontWeight | 500 | 500 | — | Aa | |
global.typography.weight.semibold半粗 | fontWeight | 600 | 600 | Aa | ||
global.typography.weight.bold粗体 | fontWeight | 700 | 700 | — | Aa | |
global.typography.leading.display展示行高 | number | 1.05 | 1.05 | — | Aa | |
global.typography.leading.control控件行高 | number | 1 | 1 | Aa | ||
global.typography.leading.heading标题行高 | number | 1.2 | 1.2 | — | Aa | |
global.typography.leading.compact紧凑行高 | number | 1.35 | 1.35 | — | Aa | |
global.typography.leading.body正文行高 | number | 1.6 | 1.6 | — | Aa | |
global.typography.tracking.display展示字距 | dimension | -0.045em | -0.045em | — | Aa | |
global.typography.tracking.heading标题字距 | dimension | -0.025em | -0.025em | — | Aa | |
global.typography.tracking.normal正文字距 | dimension | 0 | 0 | — | Aa | |
global.typography.tracking.label标签字距 | dimension | 0.04em | 0.04em | — | Aa | |
global.spacing.0间距 0 | dimension | 0 | 0 | — | Aa | |
global.spacing.1间距 1 | dimension | 0.25rem | 0.25rem | Aa | ||
global.spacing.2间距 2 | dimension | 0.5rem | 0.5rem | Aa | ||
global.spacing.3间距 3 | dimension | 0.75rem | 0.75rem | Aa | ||
global.spacing.4间距 4 | dimension | 1rem | 1rem | Aa | ||
global.spacing.5间距 5 | dimension | 1.25rem | 1.25rem | Aa | ||
global.spacing.6间距 6 | dimension | 1.5rem | 1.5rem | — | Aa | |
global.spacing.8间距 8 | dimension | 2rem | 2rem | — | Aa | |
global.spacing.10间距 10 | dimension | 2.5rem | 2.5rem | — | Aa | |
global.spacing.12间距 12 | dimension | 3rem | 3rem | — | Aa | |
global.spacing.16间距 16 | dimension | 4rem | 4rem | — | Aa | |
global.spacing.20间距 20 | dimension | 5rem | 5rem | — | Aa | |
global.spacing.24间距 24 | dimension | 6rem | 6rem | — | Aa | |
global.spacing.32间距 32 | dimension | 8rem | 8rem | — | Aa | |
global.spacing.40间距 40 | dimension | 10rem | 10rem | — | Aa | |
global.size.control.sm小型控件 36px | dimension | 2.25rem | 2.25rem | Aa | ||
global.size.control.md中型控件 44px | dimension | 2.75rem | 2.75rem | Aa | ||
global.size.control.lg大型控件 52px | dimension | 3.25rem | 3.25rem | Aa | ||
global.size.hitTarget推荐触控命中区域 44px | dimension | 2.75rem | 2.75rem | — | Aa | |
global.layout.shell页面最大宽度 | dimension | 90rem | 90rem | — | Aa | |
global.layout.readable正文最大行宽 | dimension | 68ch | 68ch | — | Aa | |
global.layout.sidebar文档侧边栏宽度 | dimension | 17rem | 17rem | — | Aa | |
global.layout.toc页内目录宽度 | dimension | 12rem | 12rem | — | Aa | |
global.layout.breakpoint.docs文档三栏断点 | dimension | 72rem | 72rem | — | Aa | |
global.radius.sm小圆角 | dimension | 0.375rem | 0.375rem | — | Aa | |
global.radius.md控件圆角 | dimension | 0.625rem | 0.625rem | Aa | ||
global.radius.lg卡片圆角 | dimension | 0.875rem | 0.875rem | — | Aa | |
global.radius.xl面板圆角 | dimension | 1.25rem | 1.25rem | — | Aa | |
global.radius.pill胶囊圆角 | dimension | 999px | 999px | — | Aa | |
global.border.thin结构边框 | dimension | 1px | 1px | — | Aa | |
global.border.focus焦点边框 | dimension | 2px | 2px | Aa | ||
global.shadow.raised浮起表面 | shadow | 0 0 0 1px oklch(0 0 0 / 0.06), 0 2px 8px oklch(0 0 0 / 0.06) | 0 0 0 1px oklch(0 0 0 / 0.06), 0 2px 8px oklch(0 0 0 / 0.06) | Aa | ||
global.shadow.elevated浮层表面 | shadow | 0 0 0 1px oklch(0 0 0 / 0.07), 0 12px 32px oklch(0 0 0 / 0.12) | 0 0 0 1px oklch(0 0 0 / 0.07), 0 12px 32px oklch(0 0 0 / 0.12) | — | Aa | |
global.motion.duration.fast高频状态变化 | duration | 120ms | 120ms | Aa | ||
global.motion.duration.normal展开与关闭 | duration | 200ms | 200ms | — | Aa | |
global.motion.duration.slow低频界面转换 | duration | 320ms | 320ms | — | Aa | |
global.motion.duration.loadingCycle循环加载动效 | duration | 800ms | 800ms | Aa | ||
global.motion.easing.standard标准缓动 | cubicBezier | cubic-bezier(0.2, 0, 0, 1) | cubic-bezier(0.2, 0, 0, 1) | Aa | ||
global.motion.scale.press按压缩放 | number | 0.96 | 0.96 | Aa | ||
global.icon.size.sm小图标 | dimension | 1rem | 1rem | — | Aa | |
global.icon.size.md中图标 | dimension | 1.25rem | 1.25rem | — | Aa | |
global.icon.size.lg大图标 | dimension | 1.5rem | 1.5rem | — | Aa | |
global.icon.stroke.regular常规描边 | number | 1.5 | 1.5 | Aa | ||
global.icon.stroke.strong强调描边 | number | 2 | 2 | — | Aa | |
global.opacity.disabled禁用透明度 | number | 0.5 | 0.5 | Aa | ||
semantic.color.text.primary主文字 | color | {global.color.neutral.950}{global.color.neutral.50} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色semantic.color.text.primary → global.color.neutral.950深色semantic.color.text.primary → global.color.neutral.50 | |||
semantic.color.text.secondary次级文字 | color | {global.color.neutral.700}{global.color.neutral.300} | oklch(0.47 0.01 255)oklch(0.82 0.004 255)引用链浅色semantic.color.text.secondary → global.color.neutral.700深色semantic.color.text.secondary → global.color.neutral.300 | |||
semantic.color.text.tertiary辅助文字 | color | {global.color.neutral.600}{global.color.neutral.400} | oklch(0.56 0.013 255)oklch(0.73 0.008 255)引用链浅色semantic.color.text.tertiary → global.color.neutral.600深色semantic.color.text.tertiary → global.color.neutral.400 | — | ||
semantic.color.text.quaternary最弱文字 | color | {global.color.neutral.500} | oklch(0.64 0.013 255)引用链浅色semantic.color.text.quaternary → global.color.neutral.500深色semantic.color.text.quaternary → global.color.neutral.500 | — | ||
semantic.color.text.placeholder占位文字 | color | {global.color.neutral.600}{global.color.neutral.400} | oklch(0.56 0.013 255)oklch(0.73 0.008 255)引用链浅色semantic.color.text.placeholder → global.color.neutral.600深色semantic.color.text.placeholder → global.color.neutral.400 | — | ||
semantic.color.text.disabled禁用文字 | color | {global.color.neutral.500}{global.color.neutral.600} | oklch(0.64 0.013 255)oklch(0.56 0.013 255)引用链浅色semantic.color.text.disabled → global.color.neutral.500深色semantic.color.text.disabled → global.color.neutral.600 | — | ||
semantic.color.text.inverse反色文字 | color | {global.color.neutral.50}{global.color.neutral.950} | oklch(0.98 0 255)oklch(0.2 0.001 255)引用链浅色semantic.color.text.inverse → global.color.neutral.50深色semantic.color.text.inverse → global.color.neutral.950 | — | ||
semantic.color.text.link链接文字 | color | {global.color.blue.800}{global.color.blue.300} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色semantic.color.text.link → global.color.blue.800深色semantic.color.text.link → global.color.blue.300 | |||
semantic.color.text.linkHover链接悬停 | color | {global.color.blue.900}{global.color.blue.200} | oklch(0.29 0.058 261.395)oklch(0.9 0.019 261.395)引用链浅色semantic.color.text.linkHover → global.color.blue.900深色semantic.color.text.linkHover → global.color.blue.200 | — | ||
semantic.color.text.onAccent强调表面文字 | color | {global.color.white}{global.color.neutral.950} | oklch(1 0 0)oklch(0.2 0.001 255)引用链浅色semantic.color.text.onAccent → global.color.white深色semantic.color.text.onAccent → global.color.neutral.950 | |||
semantic.color.text.info信息文字 | color | {global.color.blue.800}{global.color.blue.300} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色semantic.color.text.info → global.color.blue.800深色semantic.color.text.info → global.color.blue.300 | — | ||
semantic.color.text.success成功文字 | color | {global.color.green.800}{global.color.green.300} | oklch(0.38 0.059 150)oklch(0.82 0.113 150)引用链浅色semantic.color.text.success → global.color.green.800深色semantic.color.text.success → global.color.green.300 | — | ||
semantic.color.text.warning警告文字 | color | {global.color.orange.900}{global.color.orange.300} | oklch(0.29 0.029 55)oklch(0.82 0.061 55)引用链浅色semantic.color.text.warning → global.color.orange.900深色semantic.color.text.warning → global.color.orange.300 | — | ||
semantic.color.text.danger危险文字 | color | {global.color.red.800}{global.color.red.300} | oklch(0.38 0.095 25)oklch(0.82 0.056 25)引用链浅色semantic.color.text.danger → global.color.red.800深色semantic.color.text.danger → global.color.red.300 | |||
semantic.color.background.canvas页面背景 | color | {global.color.neutral.50}{global.color.neutral.950} | oklch(0.98 0 255)oklch(0.2 0.001 255)引用链浅色semantic.color.background.canvas → global.color.neutral.50深色semantic.color.background.canvas → global.color.neutral.950 | — | ||
semantic.color.background.transparent透明背景 | color | {global.color.transparent} | oklch(0 0 0 / 0)引用链浅色semantic.color.background.transparent → global.color.transparent深色semantic.color.background.transparent → global.color.transparent | |||
semantic.color.background.base基础表面 | color | {global.color.white}{global.color.neutral.900} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色semantic.color.background.base → global.color.white深色semantic.color.background.base → global.color.neutral.900 | |||
semantic.color.background.secondary次级表面 | color | {global.color.neutral.100}{global.color.neutral.800} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色semantic.color.background.secondary → global.color.neutral.100深色semantic.color.background.secondary → global.color.neutral.800 | |||
semantic.color.background.tertiary三级表面 | color | {global.color.neutral.200}{global.color.neutral.700} | oklch(0.9 0.002 255)oklch(0.47 0.01 255)引用链浅色semantic.color.background.tertiary → global.color.neutral.200深色semantic.color.background.tertiary → global.color.neutral.700 | — | ||
semantic.color.background.grouped分组背景 | color | {global.color.neutral.100}{global.color.neutral.950} | oklch(0.95 0 255)oklch(0.2 0.001 255)引用链浅色semantic.color.background.grouped → global.color.neutral.100深色semantic.color.background.grouped → global.color.neutral.950 | — | ||
semantic.color.background.raised浮起表面 | color | {global.color.white}{global.color.neutral.900} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色semantic.color.background.raised → global.color.white深色semantic.color.background.raised → global.color.neutral.900 | |||
semantic.color.background.elevated浮层表面 | color | {global.color.white}{global.color.neutral.800} | oklch(1 0 0)oklch(0.38 0.007 255)引用链浅色semantic.color.background.elevated → global.color.white深色semantic.color.background.elevated → global.color.neutral.800 | — | ||
semantic.color.background.overlay覆盖表面 | color | {global.color.white}{global.color.neutral.900} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色semantic.color.background.overlay → global.color.white深色semantic.color.background.overlay → global.color.neutral.900 | — | ||
semantic.color.background.inverse反色背景 | color | {global.color.neutral.950}{global.color.neutral.50} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色semantic.color.background.inverse → global.color.neutral.950深色semantic.color.background.inverse → global.color.neutral.50 | |||
semantic.color.background.inverseHover反色背景悬停 | color | {global.color.neutral.800}{global.color.neutral.100} | oklch(0.38 0.007 255)oklch(0.95 0 255)引用链浅色semantic.color.background.inverseHover → global.color.neutral.800深色semantic.color.background.inverseHover → global.color.neutral.100 | |||
semantic.color.background.inversePressed反色背景按下 | color | {global.color.neutral.700}{global.color.neutral.200} | oklch(0.47 0.01 255)oklch(0.9 0.002 255)引用链浅色semantic.color.background.inversePressed → global.color.neutral.700深色semantic.color.background.inversePressed → global.color.neutral.200 | |||
semantic.color.background.hover中性悬停 | color | {global.color.neutral.100}{global.color.neutral.800} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色semantic.color.background.hover → global.color.neutral.100深色semantic.color.background.hover → global.color.neutral.800 | |||
semantic.color.background.pressed中性按下 | color | {global.color.neutral.200}{global.color.neutral.700} | oklch(0.9 0.002 255)oklch(0.47 0.01 255)引用链浅色semantic.color.background.pressed → global.color.neutral.200深色semantic.color.background.pressed → global.color.neutral.700 | |||
semantic.color.background.selectedNeutral中性选中 | color | {global.color.neutral.200}{global.color.neutral.700} | oklch(0.9 0.002 255)oklch(0.47 0.01 255)引用链浅色semantic.color.background.selectedNeutral → global.color.neutral.200深色semantic.color.background.selectedNeutral → global.color.neutral.700 | |||
semantic.color.background.selectedAccent强调选中 | color | {global.color.blue.800}{global.color.blue.300} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色semantic.color.background.selectedAccent → global.color.blue.800深色semantic.color.background.selectedAccent → global.color.blue.300 | |||
semantic.color.background.disabled禁用背景 | color | {global.color.neutral.100}{global.color.neutral.800} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色semantic.color.background.disabled → global.color.neutral.100深色semantic.color.background.disabled → global.color.neutral.800 | — | ||
semantic.color.background.accent主要强调背景 | color | {global.color.blue.800}{global.color.blue.300} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色semantic.color.background.accent → global.color.blue.800深色semantic.color.background.accent → global.color.blue.300 | |||
semantic.color.background.accentHover主要强调悬停 | color | {global.color.blue.900}{global.color.blue.200} | oklch(0.29 0.058 261.395)oklch(0.9 0.019 261.395)引用链浅色semantic.color.background.accentHover → global.color.blue.900深色semantic.color.background.accentHover → global.color.blue.200 | |||
semantic.color.background.accentPressed主要强调按下 | color | {global.color.blue.950}{global.color.blue.100} | oklch(0.2 0.022 261.395)oklch(0.95 0.006 261.395)引用链浅色semantic.color.background.accentPressed → global.color.blue.950深色semantic.color.background.accentPressed → global.color.blue.100 | |||
semantic.color.background.accentSubtle弱强调背景 | color | {global.color.blue.100}{global.color.blue.900} | oklch(0.95 0.006 261.395)oklch(0.29 0.058 261.395)引用链浅色semantic.color.background.accentSubtle → global.color.blue.100深色semantic.color.background.accentSubtle → global.color.blue.900 | |||
semantic.color.background.accentSubtleHover弱强调悬停 | color | {global.color.blue.200}{global.color.blue.800} | oklch(0.9 0.019 261.395)oklch(0.368 0.161 261.395)引用链浅色semantic.color.background.accentSubtleHover → global.color.blue.200深色semantic.color.background.accentSubtleHover → global.color.blue.800 | |||
semantic.color.background.accentSubtlePressed弱强调按下 | color | {global.color.blue.300}{global.color.blue.700} | oklch(0.82 0.052 261.395)oklch(0.47 0.167 261.395)引用链浅色semantic.color.background.accentSubtlePressed → global.color.blue.300深色semantic.color.background.accentSubtlePressed → global.color.blue.700 | |||
semantic.color.border.separator分隔线 | color | {global.color.neutral.200}{global.color.neutral.800} | oklch(0.9 0.002 255)oklch(0.38 0.007 255)引用链浅色semantic.color.border.separator → global.color.neutral.200深色semantic.color.border.separator → global.color.neutral.800 | — | ||
semantic.color.border.subtle弱边框 | color | {global.color.neutral.200}{global.color.neutral.800} | oklch(0.9 0.002 255)oklch(0.38 0.007 255)引用链浅色semantic.color.border.subtle → global.color.neutral.200深色semantic.color.border.subtle → global.color.neutral.800 | |||
semantic.color.border.default默认边框 | color | {global.color.neutral.300}{global.color.neutral.700} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色semantic.color.border.default → global.color.neutral.300深色semantic.color.border.default → global.color.neutral.700 | |||
semantic.color.border.strong强边框 | color | {global.color.neutral.700}{global.color.neutral.300} | oklch(0.47 0.01 255)oklch(0.82 0.004 255)引用链浅色semantic.color.border.strong → global.color.neutral.700深色semantic.color.border.strong → global.color.neutral.300 | — | ||
semantic.color.border.focus焦点边框 | color | {global.color.blue.800}{global.color.blue.300} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色semantic.color.border.focus → global.color.blue.800深色semantic.color.border.focus → global.color.blue.300 | — | ||
semantic.color.border.selectedNeutral中性选中边框 | color | {global.color.neutral.500} | oklch(0.64 0.013 255)引用链浅色semantic.color.border.selectedNeutral → global.color.neutral.500深色semantic.color.border.selectedNeutral → global.color.neutral.500 | — | ||
semantic.color.border.selectedAccent强调选中边框 | color | {global.color.blue.800}{global.color.blue.300} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色semantic.color.border.selectedAccent → global.color.blue.800深色semantic.color.border.selectedAccent → global.color.blue.300 | — | ||
semantic.color.border.disabled禁用边框 | color | {global.color.neutral.200}{global.color.neutral.800} | oklch(0.9 0.002 255)oklch(0.38 0.007 255)引用链浅色semantic.color.border.disabled → global.color.neutral.200深色semantic.color.border.disabled → global.color.neutral.800 | — | ||
semantic.color.border.inverse反色边框 | color | {global.color.neutral.50}{global.color.neutral.950} | oklch(0.98 0 255)oklch(0.2 0.001 255)引用链浅色semantic.color.border.inverse → global.color.neutral.50深色semantic.color.border.inverse → global.color.neutral.950 | — | ||
semantic.color.icon.primary主图标 | color | {global.color.neutral.950}{global.color.neutral.50} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色semantic.color.icon.primary → global.color.neutral.950深色semantic.color.icon.primary → global.color.neutral.50 | — | ||
semantic.color.icon.secondary次级图标 | color | {global.color.neutral.700}{global.color.neutral.300} | oklch(0.47 0.01 255)oklch(0.82 0.004 255)引用链浅色semantic.color.icon.secondary → global.color.neutral.700深色semantic.color.icon.secondary → global.color.neutral.300 | — | ||
semantic.color.icon.tertiary辅助图标 | color | {global.color.neutral.600}{global.color.neutral.400} | oklch(0.56 0.013 255)oklch(0.73 0.008 255)引用链浅色semantic.color.icon.tertiary → global.color.neutral.600深色semantic.color.icon.tertiary → global.color.neutral.400 | — | ||
semantic.color.icon.disabled禁用图标 | color | {global.color.neutral.500}{global.color.neutral.600} | oklch(0.64 0.013 255)oklch(0.56 0.013 255)引用链浅色semantic.color.icon.disabled → global.color.neutral.500深色semantic.color.icon.disabled → global.color.neutral.600 | — | ||
semantic.color.icon.inverse反色图标 | color | {global.color.neutral.50}{global.color.neutral.950} | oklch(0.98 0 255)oklch(0.2 0.001 255)引用链浅色semantic.color.icon.inverse → global.color.neutral.50深色semantic.color.icon.inverse → global.color.neutral.950 | — | ||
semantic.color.icon.accent强调图标 | color | {global.color.blue.800}{global.color.blue.300} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色semantic.color.icon.accent → global.color.blue.800深色semantic.color.icon.accent → global.color.blue.300 | — | ||
semantic.color.fill.primary一级填充 | color | {global.color.neutral.950}{global.color.neutral.50} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色semantic.color.fill.primary → global.color.neutral.950深色semantic.color.fill.primary → global.color.neutral.50 | — | ||
semantic.color.fill.secondary二级填充 | color | {global.color.neutral.700}{global.color.neutral.300} | oklch(0.47 0.01 255)oklch(0.82 0.004 255)引用链浅色semantic.color.fill.secondary → global.color.neutral.700深色semantic.color.fill.secondary → global.color.neutral.300 | — | ||
semantic.color.fill.tertiary三级填充 | color | {global.color.neutral.500} | oklch(0.64 0.013 255)引用链浅色semantic.color.fill.tertiary → global.color.neutral.500深色semantic.color.fill.tertiary → global.color.neutral.500 | — | ||
semantic.color.fill.quaternary四级填充 | color | {global.color.neutral.300}{global.color.neutral.700} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色semantic.color.fill.quaternary → global.color.neutral.300深色semantic.color.fill.quaternary → global.color.neutral.700 | — | ||
semantic.color.fill.selectedNeutral中性选中填充 | color | {global.color.neutral.800}{global.color.neutral.200} | oklch(0.38 0.007 255)oklch(0.9 0.002 255)引用链浅色semantic.color.fill.selectedNeutral → global.color.neutral.800深色semantic.color.fill.selectedNeutral → global.color.neutral.200 | — | ||
semantic.color.fill.selectedAccent强调选中填充 | color | {global.color.blue.800}{global.color.blue.300} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色semantic.color.fill.selectedAccent → global.color.blue.800深色semantic.color.fill.selectedAccent → global.color.blue.300 | — | ||
semantic.color.fill.disabled禁用填充 | color | {global.color.neutral.400}{global.color.neutral.600} | oklch(0.73 0.008 255)oklch(0.56 0.013 255)引用链浅色semantic.color.fill.disabled → global.color.neutral.400深色semantic.color.fill.disabled → global.color.neutral.600 | — | ||
semantic.color.fill.accent强调填充 | color | {global.color.blue.800}{global.color.blue.300} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色semantic.color.fill.accent → global.color.blue.800深色semantic.color.fill.accent → global.color.blue.300 | — | ||
semantic.color.status.info.foreground信息前景 | color | {global.color.blue.800}{global.color.blue.300} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色semantic.color.status.info.foreground → global.color.blue.800深色semantic.color.status.info.foreground → global.color.blue.300 | — | ||
semantic.color.status.info.subtle信息弱背景 | color | {global.color.blue.100}{global.color.blue.900} | oklch(0.95 0.006 261.395)oklch(0.29 0.058 261.395)引用链浅色semantic.color.status.info.subtle → global.color.blue.100深色semantic.color.status.info.subtle → global.color.blue.900 | — | ||
semantic.color.status.info.subtleHover信息弱背景悬停 | color | {global.color.blue.200}{global.color.blue.800} | oklch(0.9 0.019 261.395)oklch(0.368 0.161 261.395)引用链浅色semantic.color.status.info.subtleHover → global.color.blue.200深色semantic.color.status.info.subtleHover → global.color.blue.800 | — | ||
semantic.color.status.info.subtlePressed信息弱背景按下 | color | {global.color.blue.300}{global.color.blue.700} | oklch(0.82 0.052 261.395)oklch(0.47 0.167 261.395)引用链浅色semantic.color.status.info.subtlePressed → global.color.blue.300深色semantic.color.status.info.subtlePressed → global.color.blue.700 | — | ||
semantic.color.status.info.strong信息强背景 | color | {global.color.blue.800}{global.color.blue.300} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色semantic.color.status.info.strong → global.color.blue.800深色semantic.color.status.info.strong → global.color.blue.300 | — | ||
semantic.color.status.info.strongHover信息强背景悬停 | color | {global.color.blue.900}{global.color.blue.200} | oklch(0.29 0.058 261.395)oklch(0.9 0.019 261.395)引用链浅色semantic.color.status.info.strongHover → global.color.blue.900深色semantic.color.status.info.strongHover → global.color.blue.200 | — | ||
semantic.color.status.info.strongPressed信息强背景按下 | color | {global.color.blue.950}{global.color.blue.100} | oklch(0.2 0.022 261.395)oklch(0.95 0.006 261.395)引用链浅色semantic.color.status.info.strongPressed → global.color.blue.950深色semantic.color.status.info.strongPressed → global.color.blue.100 | — | ||
semantic.color.status.success.foreground成功前景 | color | {global.color.green.800}{global.color.green.300} | oklch(0.38 0.059 150)oklch(0.82 0.113 150)引用链浅色semantic.color.status.success.foreground → global.color.green.800深色semantic.color.status.success.foreground → global.color.green.300 | — | ||
semantic.color.status.success.subtle成功弱背景 | color | {global.color.green.100}{global.color.green.900} | oklch(0.95 0.017 150)oklch(0.29 0.031 150)引用链浅色semantic.color.status.success.subtle → global.color.green.100深色semantic.color.status.success.subtle → global.color.green.900 | — | ||
semantic.color.status.success.subtleHover成功弱背景悬停 | color | {global.color.green.200}{global.color.green.800} | oklch(0.9 0.062 150)oklch(0.38 0.059 150)引用链浅色semantic.color.status.success.subtleHover → global.color.green.200深色semantic.color.status.success.subtleHover → global.color.green.800 | — | ||
semantic.color.status.success.subtlePressed成功弱背景按下 | color | {global.color.green.300}{global.color.green.700} | oklch(0.82 0.113 150)oklch(0.47 0.089 150)引用链浅色semantic.color.status.success.subtlePressed → global.color.green.300深色semantic.color.status.success.subtlePressed → global.color.green.700 | — | ||
semantic.color.status.success.strong成功强背景 | color | {global.color.green.800}{global.color.green.300} | oklch(0.38 0.059 150)oklch(0.82 0.113 150)引用链浅色semantic.color.status.success.strong → global.color.green.800深色semantic.color.status.success.strong → global.color.green.300 | — | ||
semantic.color.status.success.strongHover成功强背景悬停 | color | {global.color.green.900}{global.color.green.200} | oklch(0.29 0.031 150)oklch(0.9 0.062 150)引用链浅色semantic.color.status.success.strongHover → global.color.green.900深色semantic.color.status.success.strongHover → global.color.green.200 | — | ||
semantic.color.status.success.strongPressed成功强背景按下 | color | {global.color.green.950}{global.color.green.100} | oklch(0.2 0.012 150)oklch(0.95 0.017 150)引用链浅色semantic.color.status.success.strongPressed → global.color.green.950深色semantic.color.status.success.strongPressed → global.color.green.100 | — | ||
semantic.color.status.warning.foreground警告前景 | color | {global.color.orange.800}{global.color.orange.300} | oklch(0.38 0.055 55)oklch(0.82 0.061 55)引用链浅色semantic.color.status.warning.foreground → global.color.orange.800深色semantic.color.status.warning.foreground → global.color.orange.300 | — | ||
semantic.color.status.warning.subtle警告弱背景 | color | {global.color.orange.100}{global.color.orange.900} | oklch(0.95 0.006 55)oklch(0.29 0.029 55)引用链浅色semantic.color.status.warning.subtle → global.color.orange.100深色semantic.color.status.warning.subtle → global.color.orange.900 | — | ||
semantic.color.status.warning.subtleHover警告弱背景悬停 | color | {global.color.orange.200}{global.color.orange.800} | oklch(0.9 0.022 55)oklch(0.38 0.055 55)引用链浅色semantic.color.status.warning.subtleHover → global.color.orange.200深色semantic.color.status.warning.subtleHover → global.color.orange.800 | — | ||
semantic.color.status.warning.subtlePressed警告弱背景按下 | color | {global.color.orange.300}{global.color.orange.700} | oklch(0.82 0.061 55)oklch(0.47 0.084 55)引用链浅色semantic.color.status.warning.subtlePressed → global.color.orange.300深色semantic.color.status.warning.subtlePressed → global.color.orange.700 | — | ||
semantic.color.status.warning.strong警告强背景 | color | {global.color.orange.800}{global.color.orange.300} | oklch(0.38 0.055 55)oklch(0.82 0.061 55)引用链浅色semantic.color.status.warning.strong → global.color.orange.800深色semantic.color.status.warning.strong → global.color.orange.300 | — | ||
semantic.color.status.warning.strongHover警告强背景悬停 | color | {global.color.orange.900}{global.color.orange.200} | oklch(0.29 0.029 55)oklch(0.9 0.022 55)引用链浅色semantic.color.status.warning.strongHover → global.color.orange.900深色semantic.color.status.warning.strongHover → global.color.orange.200 | — | ||
semantic.color.status.warning.strongPressed警告强背景按下 | color | {global.color.orange.950}{global.color.orange.100} | oklch(0.2 0.011 55)oklch(0.95 0.006 55)引用链浅色semantic.color.status.warning.strongPressed → global.color.orange.950深色semantic.color.status.warning.strongPressed → global.color.orange.100 | — | ||
semantic.color.status.danger.foreground危险前景 | color | {global.color.red.800}{global.color.red.300} | oklch(0.38 0.095 25)oklch(0.82 0.056 25)引用链浅色semantic.color.status.danger.foreground → global.color.red.800深色semantic.color.status.danger.foreground → global.color.red.300 | — | ||
semantic.color.status.danger.subtle危险弱背景 | color | {global.color.red.100}{global.color.red.900} | oklch(0.95 0.006 25)oklch(0.29 0.05 25)引用链浅色semantic.color.status.danger.subtle → global.color.red.100深色semantic.color.status.danger.subtle → global.color.red.900 | |||
semantic.color.status.danger.subtleHover危险弱背景悬停 | color | {global.color.red.200}{global.color.red.800} | oklch(0.9 0.02 25)oklch(0.38 0.095 25)引用链浅色semantic.color.status.danger.subtleHover → global.color.red.200深色semantic.color.status.danger.subtleHover → global.color.red.800 | |||
semantic.color.status.danger.subtlePressed危险弱背景按下 | color | {global.color.red.300}{global.color.red.700} | oklch(0.82 0.056 25)oklch(0.47 0.145 25)引用链浅色semantic.color.status.danger.subtlePressed → global.color.red.300深色semantic.color.status.danger.subtlePressed → global.color.red.700 | |||
semantic.color.status.danger.strong危险强背景 | color | {global.color.red.800}{global.color.red.300} | oklch(0.38 0.095 25)oklch(0.82 0.056 25)引用链浅色semantic.color.status.danger.strong → global.color.red.800深色semantic.color.status.danger.strong → global.color.red.300 | |||
semantic.color.status.danger.strongHover危险强背景悬停 | color | {global.color.red.900}{global.color.red.200} | oklch(0.29 0.05 25)oklch(0.9 0.02 25)引用链浅色semantic.color.status.danger.strongHover → global.color.red.900深色semantic.color.status.danger.strongHover → global.color.red.200 | |||
semantic.color.status.danger.strongPressed危险强背景按下 | color | {global.color.red.950}{global.color.red.100} | oklch(0.2 0.019 25)oklch(0.95 0.006 25)引用链浅色semantic.color.status.danger.strongPressed → global.color.red.950深色semantic.color.status.danger.strongPressed → global.color.red.100 | |||
semantic.typography.family.interface界面字体 | fontFamily | {global.typography.family.sans} | ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "Segoe UI", "PingFang SC", sans-serif引用链浅色semantic.typography.family.interface → global.typography.family.sans深色semantic.typography.family.interface → global.typography.family.sans | — | Aa | |
semantic.typography.family.code代码字体 | fontFamily | {global.typography.family.mono} | "SFMono-Regular", Consolas, "Liberation Mono", monospace引用链浅色semantic.typography.family.code → global.typography.family.mono深色semantic.typography.family.code → global.typography.family.mono | — | Aa | |
semantic.typography.control.sm.size小控件字号 | dimension | {global.typography.size.13} | 0.8125rem引用链浅色semantic.typography.control.sm.size → global.typography.size.13深色semantic.typography.control.sm.size → global.typography.size.13 | Aa | ||
semantic.typography.control.md.size中控件字号 | dimension | {global.typography.size.14} | 0.875rem引用链浅色semantic.typography.control.md.size → global.typography.size.14深色semantic.typography.control.md.size → global.typography.size.14 | Aa | ||
semantic.typography.control.lg.size大控件字号 | dimension | {global.typography.size.16} | 1rem引用链浅色semantic.typography.control.lg.size → global.typography.size.16深色semantic.typography.control.lg.size → global.typography.size.16 | Aa | ||
semantic.typography.control.weight控件字重 | fontWeight | {global.typography.weight.semibold} | 600引用链浅色semantic.typography.control.weight → global.typography.weight.semibold深色semantic.typography.control.weight → global.typography.weight.semibold | Aa | ||
semantic.typography.control.leading控件行高 | number | {global.typography.leading.control} | 1引用链浅色semantic.typography.control.leading → global.typography.leading.control深色semantic.typography.control.leading → global.typography.leading.control | Aa | ||
semantic.typography.display.heroExpanded.size超大首屏 | dimension | {global.typography.size.96} | clamp(4rem, 10vw, 6rem)引用链浅色semantic.typography.display.heroExpanded.size → global.typography.size.96深色semantic.typography.display.heroExpanded.size → global.typography.size.96 | — | Aa | |
semantic.typography.display.heroExpanded.weight超大首屏 | fontWeight | {global.typography.weight.bold} | 700引用链浅色semantic.typography.display.heroExpanded.weight → global.typography.weight.bold深色semantic.typography.display.heroExpanded.weight → global.typography.weight.bold | — | Aa | |
semantic.typography.display.heroExpanded.leading超大首屏 | number | {global.typography.leading.display} | 1.05引用链浅色semantic.typography.display.heroExpanded.leading → global.typography.leading.display深色semantic.typography.display.heroExpanded.leading → global.typography.leading.display | — | Aa | |
semantic.typography.display.heroExpanded.tracking超大首屏 | dimension | {global.typography.tracking.display} | -0.045em引用链浅色semantic.typography.display.heroExpanded.tracking → global.typography.tracking.display深色semantic.typography.display.heroExpanded.tracking → global.typography.tracking.display | — | Aa | |
semantic.typography.display.hero.size首屏 | dimension | {global.typography.size.80} | clamp(3.5rem, 8vw, 5rem)引用链浅色semantic.typography.display.hero.size → global.typography.size.80深色semantic.typography.display.hero.size → global.typography.size.80 | — | Aa | |
semantic.typography.display.hero.weight首屏 | fontWeight | {global.typography.weight.bold} | 700引用链浅色semantic.typography.display.hero.weight → global.typography.weight.bold深色semantic.typography.display.hero.weight → global.typography.weight.bold | — | Aa | |
semantic.typography.display.hero.leading首屏 | number | {global.typography.leading.display} | 1.05引用链浅色semantic.typography.display.hero.leading → global.typography.leading.display深色semantic.typography.display.hero.leading → global.typography.leading.display | — | Aa | |
semantic.typography.display.hero.tracking首屏 | dimension | {global.typography.tracking.display} | -0.045em引用链浅色semantic.typography.display.hero.tracking → global.typography.tracking.display深色semantic.typography.display.hero.tracking → global.typography.tracking.display | — | Aa | |
semantic.typography.display.titleLarge.size大标题 | dimension | {global.typography.size.64} | clamp(3rem, 6vw, 4rem)引用链浅色semantic.typography.display.titleLarge.size → global.typography.size.64深色semantic.typography.display.titleLarge.size → global.typography.size.64 | — | Aa | |
semantic.typography.display.titleLarge.weight大标题 | fontWeight | {global.typography.weight.bold} | 700引用链浅色semantic.typography.display.titleLarge.weight → global.typography.weight.bold深色semantic.typography.display.titleLarge.weight → global.typography.weight.bold | — | Aa | |
semantic.typography.display.titleLarge.leading大标题 | number | {global.typography.leading.display} | 1.05引用链浅色semantic.typography.display.titleLarge.leading → global.typography.leading.display深色semantic.typography.display.titleLarge.leading → global.typography.leading.display | — | Aa | |
semantic.typography.display.titleLarge.tracking大标题 | dimension | {global.typography.tracking.display} | -0.045em引用链浅色semantic.typography.display.titleLarge.tracking → global.typography.tracking.display深色semantic.typography.display.titleLarge.tracking → global.typography.tracking.display | — | Aa | |
semantic.typography.display.section.size章节标题 | dimension | {global.typography.size.48} | clamp(2.5rem, 4vw, 3rem)引用链浅色semantic.typography.display.section.size → global.typography.size.48深色semantic.typography.display.section.size → global.typography.size.48 | — | Aa | |
semantic.typography.display.section.weight章节标题 | fontWeight | {global.typography.weight.bold} | 700引用链浅色semantic.typography.display.section.weight → global.typography.weight.bold深色semantic.typography.display.section.weight → global.typography.weight.bold | — | Aa | |
semantic.typography.display.section.leading章节标题 | number | {global.typography.leading.display} | 1.05引用链浅色semantic.typography.display.section.leading → global.typography.leading.display深色semantic.typography.display.section.leading → global.typography.leading.display | — | Aa | |
semantic.typography.display.section.tracking章节标题 | dimension | {global.typography.tracking.heading} | -0.025em引用链浅色semantic.typography.display.section.tracking → global.typography.tracking.heading深色semantic.typography.display.section.tracking → global.typography.tracking.heading | — | Aa | |
semantic.typography.display.titleMedium.size中标题 | dimension | {global.typography.size.40} | clamp(2rem, 3vw, 2.5rem)引用链浅色semantic.typography.display.titleMedium.size → global.typography.size.40深色semantic.typography.display.titleMedium.size → global.typography.size.40 | — | Aa | |
semantic.typography.display.titleMedium.weight中标题 | fontWeight | {global.typography.weight.semibold} | 600引用链浅色semantic.typography.display.titleMedium.weight → global.typography.weight.semibold深色semantic.typography.display.titleMedium.weight → global.typography.weight.semibold | — | Aa | |
semantic.typography.display.titleMedium.leading中标题 | number | {global.typography.leading.display} | 1.05引用链浅色semantic.typography.display.titleMedium.leading → global.typography.leading.display深色semantic.typography.display.titleMedium.leading → global.typography.leading.display | — | Aa | |
semantic.typography.display.titleMedium.tracking中标题 | dimension | {global.typography.tracking.heading} | -0.025em引用链浅色semantic.typography.display.titleMedium.tracking → global.typography.tracking.heading深色semantic.typography.display.titleMedium.tracking → global.typography.tracking.heading | — | Aa | |
semantic.typography.display.titleSmall.size小标题 | dimension | {global.typography.size.32} | 2rem引用链浅色semantic.typography.display.titleSmall.size → global.typography.size.32深色semantic.typography.display.titleSmall.size → global.typography.size.32 | — | Aa | |
semantic.typography.display.titleSmall.weight小标题 | fontWeight | {global.typography.weight.semibold} | 600引用链浅色semantic.typography.display.titleSmall.weight → global.typography.weight.semibold深色semantic.typography.display.titleSmall.weight → global.typography.weight.semibold | — | Aa | |
semantic.typography.display.titleSmall.leading小标题 | number | {global.typography.leading.heading} | 1.2引用链浅色semantic.typography.display.titleSmall.leading → global.typography.leading.heading深色semantic.typography.display.titleSmall.leading → global.typography.leading.heading | — | Aa | |
semantic.typography.display.titleSmall.tracking小标题 | dimension | {global.typography.tracking.heading} | -0.025em引用链浅色semantic.typography.display.titleSmall.tracking → global.typography.tracking.heading深色semantic.typography.display.titleSmall.tracking → global.typography.tracking.heading | — | Aa | |
semantic.typography.display.label.size展示标签 | dimension | {global.typography.size.14} | 0.875rem引用链浅色semantic.typography.display.label.size → global.typography.size.14深色semantic.typography.display.label.size → global.typography.size.14 | — | Aa | |
semantic.typography.display.label.weight展示标签 | fontWeight | {global.typography.weight.semibold} | 600引用链浅色semantic.typography.display.label.weight → global.typography.weight.semibold深色semantic.typography.display.label.weight → global.typography.weight.semibold | — | Aa | |
semantic.typography.display.label.leading展示标签 | number | {global.typography.leading.compact} | 1.35引用链浅色semantic.typography.display.label.leading → global.typography.leading.compact深色semantic.typography.display.label.leading → global.typography.leading.compact | — | Aa | |
semantic.typography.display.label.tracking展示标签 | dimension | {global.typography.tracking.label} | 0.04em引用链浅色semantic.typography.display.label.tracking → global.typography.tracking.label深色semantic.typography.display.label.tracking → global.typography.tracking.label | — | Aa | |
semantic.typography.document.headingXL.size一级文档标题 | dimension | {global.typography.size.40} | clamp(2rem, 3vw, 2.5rem)引用链浅色semantic.typography.document.headingXL.size → global.typography.size.40深色semantic.typography.document.headingXL.size → global.typography.size.40 | — | Aa | |
semantic.typography.document.headingXL.weight一级文档标题 | fontWeight | {global.typography.weight.bold} | 700引用链浅色semantic.typography.document.headingXL.weight → global.typography.weight.bold深色semantic.typography.document.headingXL.weight → global.typography.weight.bold | — | Aa | |
semantic.typography.document.headingXL.leading一级文档标题 | number | {global.typography.leading.heading} | 1.2引用链浅色semantic.typography.document.headingXL.leading → global.typography.leading.heading深色semantic.typography.document.headingXL.leading → global.typography.leading.heading | — | Aa | |
semantic.typography.document.headingXL.tracking一级文档标题 | dimension | {global.typography.tracking.heading} | -0.025em引用链浅色semantic.typography.document.headingXL.tracking → global.typography.tracking.heading深色semantic.typography.document.headingXL.tracking → global.typography.tracking.heading | — | Aa | |
semantic.typography.document.headingL.size二级文档标题 | dimension | {global.typography.size.32} | 2rem引用链浅色semantic.typography.document.headingL.size → global.typography.size.32深色semantic.typography.document.headingL.size → global.typography.size.32 | — | Aa | |
semantic.typography.document.headingL.weight二级文档标题 | fontWeight | {global.typography.weight.bold} | 700引用链浅色semantic.typography.document.headingL.weight → global.typography.weight.bold深色semantic.typography.document.headingL.weight → global.typography.weight.bold | — | Aa | |
semantic.typography.document.headingL.leading二级文档标题 | number | {global.typography.leading.heading} | 1.2引用链浅色semantic.typography.document.headingL.leading → global.typography.leading.heading深色semantic.typography.document.headingL.leading → global.typography.leading.heading | — | Aa | |
semantic.typography.document.headingL.tracking二级文档标题 | dimension | {global.typography.tracking.heading} | -0.025em引用链浅色semantic.typography.document.headingL.tracking → global.typography.tracking.heading深色semantic.typography.document.headingL.tracking → global.typography.tracking.heading | — | Aa | |
semantic.typography.document.headingM.size三级文档标题 | dimension | {global.typography.size.24} | 1.5rem引用链浅色semantic.typography.document.headingM.size → global.typography.size.24深色semantic.typography.document.headingM.size → global.typography.size.24 | — | Aa | |
semantic.typography.document.headingM.weight三级文档标题 | fontWeight | {global.typography.weight.semibold} | 600引用链浅色semantic.typography.document.headingM.weight → global.typography.weight.semibold深色semantic.typography.document.headingM.weight → global.typography.weight.semibold | — | Aa | |
semantic.typography.document.headingM.leading三级文档标题 | number | {global.typography.leading.heading} | 1.2引用链浅色semantic.typography.document.headingM.leading → global.typography.leading.heading深色semantic.typography.document.headingM.leading → global.typography.leading.heading | — | Aa | |
semantic.typography.document.headingM.tracking三级文档标题 | dimension | {global.typography.tracking.heading} | -0.025em引用链浅色semantic.typography.document.headingM.tracking → global.typography.tracking.heading深色semantic.typography.document.headingM.tracking → global.typography.tracking.heading | — | Aa | |
semantic.typography.document.headingS.size四级文档标题 | dimension | {global.typography.size.20} | 1.25rem引用链浅色semantic.typography.document.headingS.size → global.typography.size.20深色semantic.typography.document.headingS.size → global.typography.size.20 | — | Aa | |
semantic.typography.document.headingS.weight四级文档标题 | fontWeight | {global.typography.weight.semibold} | 600引用链浅色semantic.typography.document.headingS.weight → global.typography.weight.semibold深色semantic.typography.document.headingS.weight → global.typography.weight.semibold | — | Aa | |
semantic.typography.document.headingS.leading四级文档标题 | number | {global.typography.leading.heading} | 1.2引用链浅色semantic.typography.document.headingS.leading → global.typography.leading.heading深色semantic.typography.document.headingS.leading → global.typography.leading.heading | — | Aa | |
semantic.typography.document.headingS.tracking四级文档标题 | dimension | {global.typography.tracking.normal} | 0引用链浅色semantic.typography.document.headingS.tracking → global.typography.tracking.normal深色semantic.typography.document.headingS.tracking → global.typography.tracking.normal | — | Aa | |
semantic.typography.document.title.size内容标题 | dimension | {global.typography.size.18} | 1.125rem引用链浅色semantic.typography.document.title.size → global.typography.size.18深色semantic.typography.document.title.size → global.typography.size.18 | — | Aa | |
semantic.typography.document.title.weight内容标题 | fontWeight | {global.typography.weight.semibold} | 600引用链浅色semantic.typography.document.title.weight → global.typography.weight.semibold深色semantic.typography.document.title.weight → global.typography.weight.semibold | — | Aa | |
semantic.typography.document.title.leading内容标题 | number | {global.typography.leading.compact} | 1.35引用链浅色semantic.typography.document.title.leading → global.typography.leading.compact深色semantic.typography.document.title.leading → global.typography.leading.compact | — | Aa | |
semantic.typography.document.title.tracking内容标题 | dimension | {global.typography.tracking.normal} | 0引用链浅色semantic.typography.document.title.tracking → global.typography.tracking.normal深色semantic.typography.document.title.tracking → global.typography.tracking.normal | — | Aa | |
semantic.typography.document.lead.size导语 | dimension | {global.typography.size.20} | 1.25rem引用链浅色semantic.typography.document.lead.size → global.typography.size.20深色semantic.typography.document.lead.size → global.typography.size.20 | — | Aa | |
semantic.typography.document.lead.weight导语 | fontWeight | {global.typography.weight.regular} | 400引用链浅色semantic.typography.document.lead.weight → global.typography.weight.regular深色semantic.typography.document.lead.weight → global.typography.weight.regular | — | Aa | |
semantic.typography.document.lead.leading导语 | number | {global.typography.leading.body} | 1.6引用链浅色semantic.typography.document.lead.leading → global.typography.leading.body深色semantic.typography.document.lead.leading → global.typography.leading.body | — | Aa | |
semantic.typography.document.lead.tracking导语 | dimension | {global.typography.tracking.normal} | 0引用链浅色semantic.typography.document.lead.tracking → global.typography.tracking.normal深色semantic.typography.document.lead.tracking → global.typography.tracking.normal | — | Aa | |
semantic.typography.document.body.size正文 | dimension | {global.typography.size.16} | 1rem引用链浅色semantic.typography.document.body.size → global.typography.size.16深色semantic.typography.document.body.size → global.typography.size.16 | — | Aa | |
semantic.typography.document.body.weight正文 | fontWeight | {global.typography.weight.regular} | 400引用链浅色semantic.typography.document.body.weight → global.typography.weight.regular深色semantic.typography.document.body.weight → global.typography.weight.regular | — | Aa | |
semantic.typography.document.body.leading正文 | number | {global.typography.leading.body} | 1.6引用链浅色semantic.typography.document.body.leading → global.typography.leading.body深色semantic.typography.document.body.leading → global.typography.leading.body | — | Aa | |
semantic.typography.document.body.tracking正文 | dimension | {global.typography.tracking.normal} | 0引用链浅色semantic.typography.document.body.tracking → global.typography.tracking.normal深色semantic.typography.document.body.tracking → global.typography.tracking.normal | — | Aa | |
semantic.typography.document.ui.size界面文字 | dimension | {global.typography.size.14} | 0.875rem引用链浅色semantic.typography.document.ui.size → global.typography.size.14深色semantic.typography.document.ui.size → global.typography.size.14 | — | Aa | |
semantic.typography.document.ui.weight界面文字 | fontWeight | {global.typography.weight.medium} | 500引用链浅色semantic.typography.document.ui.weight → global.typography.weight.medium深色semantic.typography.document.ui.weight → global.typography.weight.medium | — | Aa | |
semantic.typography.document.ui.leading界面文字 | number | {global.typography.leading.compact} | 1.35引用链浅色semantic.typography.document.ui.leading → global.typography.leading.compact深色semantic.typography.document.ui.leading → global.typography.leading.compact | — | Aa | |
semantic.typography.document.ui.tracking界面文字 | dimension | {global.typography.tracking.normal} | 0引用链浅色semantic.typography.document.ui.tracking → global.typography.tracking.normal深色semantic.typography.document.ui.tracking → global.typography.tracking.normal | — | Aa | |
semantic.typography.document.label.size标签 | dimension | {global.typography.size.13} | 0.8125rem引用链浅色semantic.typography.document.label.size → global.typography.size.13深色semantic.typography.document.label.size → global.typography.size.13 | — | Aa | |
semantic.typography.document.label.weight标签 | fontWeight | {global.typography.weight.semibold} | 600引用链浅色semantic.typography.document.label.weight → global.typography.weight.semibold深色semantic.typography.document.label.weight → global.typography.weight.semibold | — | Aa | |
semantic.typography.document.label.leading标签 | number | {global.typography.leading.compact} | 1.35引用链浅色semantic.typography.document.label.leading → global.typography.leading.compact深色semantic.typography.document.label.leading → global.typography.leading.compact | — | Aa | |
semantic.typography.document.label.tracking标签 | dimension | {global.typography.tracking.label} | 0.04em引用链浅色semantic.typography.document.label.tracking → global.typography.tracking.label深色semantic.typography.document.label.tracking → global.typography.tracking.label | — | Aa | |
semantic.typography.document.caption.size说明 | dimension | {global.typography.size.13} | 0.8125rem引用链浅色semantic.typography.document.caption.size → global.typography.size.13深色semantic.typography.document.caption.size → global.typography.size.13 | — | Aa | |
semantic.typography.document.caption.weight说明 | fontWeight | {global.typography.weight.regular} | 400引用链浅色semantic.typography.document.caption.weight → global.typography.weight.regular深色semantic.typography.document.caption.weight → global.typography.weight.regular | — | Aa | |
semantic.typography.document.caption.leading说明 | number | {global.typography.leading.compact} | 1.35引用链浅色semantic.typography.document.caption.leading → global.typography.leading.compact深色semantic.typography.document.caption.leading → global.typography.leading.compact | — | Aa | |
semantic.typography.document.caption.tracking说明 | dimension | {global.typography.tracking.normal} | 0引用链浅色semantic.typography.document.caption.tracking → global.typography.tracking.normal深色semantic.typography.document.caption.tracking → global.typography.tracking.normal | — | Aa | |
semantic.typography.document.micro.size微型说明 | dimension | {global.typography.size.12} | 0.75rem引用链浅色semantic.typography.document.micro.size → global.typography.size.12深色semantic.typography.document.micro.size → global.typography.size.12 | — | Aa | |
semantic.typography.document.micro.weight微型说明 | fontWeight | {global.typography.weight.regular} | 400引用链浅色semantic.typography.document.micro.weight → global.typography.weight.regular深色semantic.typography.document.micro.weight → global.typography.weight.regular | — | Aa | |
semantic.typography.document.micro.leading微型说明 | number | {global.typography.leading.compact} | 1.35引用链浅色semantic.typography.document.micro.leading → global.typography.leading.compact深色semantic.typography.document.micro.leading → global.typography.leading.compact | — | Aa | |
semantic.typography.document.micro.tracking微型说明 | dimension | {global.typography.tracking.normal} | 0引用链浅色semantic.typography.document.micro.tracking → global.typography.tracking.normal深色semantic.typography.document.micro.tracking → global.typography.tracking.normal | — | Aa | |
semantic.spacing.controlGroup控件组间距 | dimension | {global.spacing.3} | 0.75rem引用链浅色semantic.spacing.controlGroup → global.spacing.3深色semantic.spacing.controlGroup → global.spacing.3 | — | Aa | |
semantic.spacing.controlGap控件内部间距 | dimension | {global.spacing.2} | 0.5rem引用链浅色semantic.spacing.controlGap → global.spacing.2深色semantic.spacing.controlGap → global.spacing.2 | Aa | ||
semantic.spacing.controlInline.sm小控件横向内距 | dimension | {global.spacing.3} | 0.75rem引用链浅色semantic.spacing.controlInline.sm → global.spacing.3深色semantic.spacing.controlInline.sm → global.spacing.3 | Aa | ||
semantic.spacing.controlInline.md中控件横向内距 | dimension | {global.spacing.4} | 1rem引用链浅色semantic.spacing.controlInline.md → global.spacing.4深色semantic.spacing.controlInline.md → global.spacing.4 | Aa | ||
semantic.spacing.controlInline.lg大控件横向内距 | dimension | {global.spacing.5} | 1.25rem引用链浅色semantic.spacing.controlInline.lg → global.spacing.5深色semantic.spacing.controlInline.lg → global.spacing.5 | Aa | ||
semantic.spacing.segmentInset分段控制内距 | dimension | {global.spacing.1} | 0.25rem引用链浅色semantic.spacing.segmentInset → global.spacing.1深色semantic.spacing.segmentInset → global.spacing.1 | Aa | ||
semantic.spacing.segmentGap分段控制项目间距 | dimension | {global.spacing.1} | 0.25rem引用链浅色semantic.spacing.segmentGap → global.spacing.1深色semantic.spacing.segmentGap → global.spacing.1 | Aa | ||
semantic.spacing.card卡片内距 | dimension | {global.spacing.5} | 1.25rem引用链浅色semantic.spacing.card → global.spacing.5深色semantic.spacing.card → global.spacing.5 | — | Aa | |
semantic.spacing.section内容区块间距 | dimension | {global.spacing.16} | 4rem引用链浅色semantic.spacing.section → global.spacing.16深色semantic.spacing.section → global.spacing.16 | — | Aa | |
semantic.size.control.sm小型控件高度 | dimension | {global.size.control.sm} | 2.25rem引用链浅色semantic.size.control.sm → global.size.control.sm深色semantic.size.control.sm → global.size.control.sm | Aa | ||
semantic.size.control.md中型控件高度 | dimension | {global.size.control.md} | 2.75rem引用链浅色semantic.size.control.md → global.size.control.md深色semantic.size.control.md → global.size.control.md | Aa | ||
semantic.size.control.lg大型控件高度 | dimension | {global.size.control.lg} | 3.25rem引用链浅色semantic.size.control.lg → global.size.control.lg深色semantic.size.control.lg → global.size.control.lg | Aa | ||
semantic.size.hitTarget推荐命中区域 | dimension | {global.size.hitTarget} | 2.75rem引用链浅色semantic.size.hitTarget → global.size.hitTarget深色semantic.size.hitTarget → global.size.hitTarget | — | Aa | |
semantic.layout.contentMax内容最大宽度 | dimension | {global.layout.shell} | 90rem引用链浅色semantic.layout.contentMax → global.layout.shell深色semantic.layout.contentMax → global.layout.shell | — | Aa | |
semantic.layout.readable正文宽度 | dimension | {global.layout.readable} | 68ch引用链浅色semantic.layout.readable → global.layout.readable深色semantic.layout.readable → global.layout.readable | — | Aa | |
semantic.radius.control控件圆角 | dimension | {global.radius.md} | 0.625rem引用链浅色semantic.radius.control → global.radius.md深色semantic.radius.control → global.radius.md | Aa | ||
semantic.radius.card卡片圆角 | dimension | {global.radius.lg} | 0.875rem引用链浅色semantic.radius.card → global.radius.lg深色semantic.radius.card → global.radius.lg | — | Aa | |
semantic.radius.panel面板圆角 | dimension | {global.radius.xl} | 1.25rem引用链浅色semantic.radius.panel → global.radius.xl深色semantic.radius.panel → global.radius.xl | — | Aa | |
semantic.radius.pill胶囊圆角 | dimension | {global.radius.pill} | 999px引用链浅色semantic.radius.pill → global.radius.pill深色semantic.radius.pill → global.radius.pill | — | Aa | |
semantic.border.focusWidth焦点环宽度 | dimension | {global.border.focus} | 2px引用链浅色semantic.border.focusWidth → global.border.focus深色semantic.border.focusWidth → global.border.focus | Aa | ||
semantic.icon.stroke.regular常规图标描边 | number | {global.icon.stroke.regular} | 1.5引用链浅色semantic.icon.stroke.regular → global.icon.stroke.regular深色semantic.icon.stroke.regular → global.icon.stroke.regular | Aa | ||
semantic.opacity.disabled禁用透明度 | number | {global.opacity.disabled} | 0.5引用链浅色semantic.opacity.disabled → global.opacity.disabled深色semantic.opacity.disabled → global.opacity.disabled | Aa | ||
semantic.elevation.raised浮起层级 | shadow | {global.shadow.raised} | 0 0 0 1px oklch(0 0 0 / 0.06), 0 2px 8px oklch(0 0 0 / 0.06)引用链浅色semantic.elevation.raised → global.shadow.raised深色semantic.elevation.raised → global.shadow.raised | Aa | ||
semantic.elevation.elevated浮层层级 | shadow | {global.shadow.elevated} | 0 0 0 1px oklch(0 0 0 / 0.07), 0 12px 32px oklch(0 0 0 / 0.12)引用链浅色semantic.elevation.elevated → global.shadow.elevated深色semantic.elevation.elevated → global.shadow.elevated | — | Aa | |
semantic.motion.interactive交互动效 | duration | {global.motion.duration.fast} | 120ms引用链浅色semantic.motion.interactive → global.motion.duration.fast深色semantic.motion.interactive → global.motion.duration.fast | Aa | ||
semantic.motion.disclosure展开动效 | duration | {global.motion.duration.normal} | 200ms引用链浅色semantic.motion.disclosure → global.motion.duration.normal深色semantic.motion.disclosure → global.motion.duration.normal | — | Aa | |
semantic.motion.loadingCycle循环加载动效 | duration | {global.motion.duration.loadingCycle} | 800ms引用链浅色semantic.motion.loadingCycle → global.motion.duration.loadingCycle深色semantic.motion.loadingCycle → global.motion.duration.loadingCycle | Aa | ||
semantic.motion.easing.standard标准缓动 | cubicBezier | {global.motion.easing.standard} | cubic-bezier(0.2, 0, 0, 1)引用链浅色semantic.motion.easing.standard → global.motion.easing.standard深色semantic.motion.easing.standard → global.motion.easing.standard | Aa | ||
semantic.motion.scale.press按压缩放 | number | {global.motion.scale.press} | 0.96引用链浅色semantic.motion.scale.press → global.motion.scale.press深色semantic.motion.scale.press → global.motion.scale.press | Aa | ||
component.button.background.rest按钮默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.button.background.rest → semantic.color.background.base → global.color.white深色component.button.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.button.background.hover按钮悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.button.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.button.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.button.background.selected按钮选中背景 | color | {semantic.color.background.selectedAccent} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色component.button.background.selected → semantic.color.background.selectedAccent → global.color.blue.800深色component.button.background.selected → semantic.color.background.selectedAccent → global.color.blue.300 | |||
component.button.text.default按钮文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.button.text.default → semantic.color.text.primary → global.color.neutral.950深色component.button.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.button.border.default按钮边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.button.border.default → semantic.color.border.default → global.color.neutral.300深色component.button.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.button.radius按钮圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.button.radius → semantic.radius.control → global.radius.md深色component.button.radius → semantic.radius.control → global.radius.md | Aa | ||
component.button.motion.duration按钮交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.button.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.button.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.iconbutton.background.rest图标按钮默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.iconbutton.background.rest → semantic.color.background.base → global.color.white深色component.iconbutton.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.iconbutton.background.hover图标按钮悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.iconbutton.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.iconbutton.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.iconbutton.background.selected图标按钮选中背景 | color | {semantic.color.background.selectedAccent} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色component.iconbutton.background.selected → semantic.color.background.selectedAccent → global.color.blue.800深色component.iconbutton.background.selected → semantic.color.background.selectedAccent → global.color.blue.300 | |||
component.iconbutton.text.default图标按钮文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.iconbutton.text.default → semantic.color.text.primary → global.color.neutral.950深色component.iconbutton.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.iconbutton.border.default图标按钮边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.iconbutton.border.default → semantic.color.border.default → global.color.neutral.300深色component.iconbutton.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.iconbutton.radius图标按钮圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.iconbutton.radius → semantic.radius.control → global.radius.md深色component.iconbutton.radius → semantic.radius.control → global.radius.md | Aa | ||
component.iconbutton.motion.duration图标按钮交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.iconbutton.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.iconbutton.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.link.background.rest链接默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.link.background.rest → semantic.color.background.base → global.color.white深色component.link.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.link.background.hover链接悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.link.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.link.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.link.background.selected链接选中背景 | color | {semantic.color.background.selectedAccent} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色component.link.background.selected → semantic.color.background.selectedAccent → global.color.blue.800深色component.link.background.selected → semantic.color.background.selectedAccent → global.color.blue.300 | |||
component.link.text.default链接文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.link.text.default → semantic.color.text.primary → global.color.neutral.950深色component.link.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.link.border.default链接边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.link.border.default → semantic.color.border.default → global.color.neutral.300深色component.link.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.link.radius链接圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.link.radius → semantic.radius.control → global.radius.md深色component.link.radius → semantic.radius.control → global.radius.md | Aa | ||
component.link.motion.duration链接交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.link.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.link.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.toggle.background.rest切换按钮默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.toggle.background.rest → semantic.color.background.base → global.color.white深色component.toggle.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.toggle.background.hover切换按钮悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.toggle.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.toggle.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.toggle.background.selected切换按钮选中背景 | color | {semantic.color.background.selectedAccent} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色component.toggle.background.selected → semantic.color.background.selectedAccent → global.color.blue.800深色component.toggle.background.selected → semantic.color.background.selectedAccent → global.color.blue.300 | |||
component.toggle.text.default切换按钮文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.toggle.text.default → semantic.color.text.primary → global.color.neutral.950深色component.toggle.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.toggle.border.default切换按钮边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.toggle.border.default → semantic.color.border.default → global.color.neutral.300深色component.toggle.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.toggle.radius切换按钮圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.toggle.radius → semantic.radius.control → global.radius.md深色component.toggle.radius → semantic.radius.control → global.radius.md | Aa | ||
component.toggle.motion.duration切换按钮交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.toggle.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.toggle.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.textfield.background.rest文本输入默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.textfield.background.rest → semantic.color.background.base → global.color.white深色component.textfield.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.textfield.background.hover文本输入悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.textfield.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.textfield.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.textfield.background.selected文本输入选中背景 | color | {semantic.color.background.selectedAccent} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色component.textfield.background.selected → semantic.color.background.selectedAccent → global.color.blue.800深色component.textfield.background.selected → semantic.color.background.selectedAccent → global.color.blue.300 | |||
component.textfield.text.default文本输入文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.textfield.text.default → semantic.color.text.primary → global.color.neutral.950深色component.textfield.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.textfield.border.default文本输入边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.textfield.border.default → semantic.color.border.default → global.color.neutral.300深色component.textfield.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.textfield.radius文本输入圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.textfield.radius → semantic.radius.control → global.radius.md深色component.textfield.radius → semantic.radius.control → global.radius.md | Aa | ||
component.textfield.motion.duration文本输入交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.textfield.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.textfield.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.textarea.background.rest多行输入默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.textarea.background.rest → semantic.color.background.base → global.color.white深色component.textarea.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.textarea.background.hover多行输入悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.textarea.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.textarea.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.textarea.background.selected多行输入选中背景 | color | {semantic.color.background.selectedAccent} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色component.textarea.background.selected → semantic.color.background.selectedAccent → global.color.blue.800深色component.textarea.background.selected → semantic.color.background.selectedAccent → global.color.blue.300 | |||
component.textarea.text.default多行输入文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.textarea.text.default → semantic.color.text.primary → global.color.neutral.950深色component.textarea.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.textarea.border.default多行输入边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.textarea.border.default → semantic.color.border.default → global.color.neutral.300深色component.textarea.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.textarea.radius多行输入圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.textarea.radius → semantic.radius.control → global.radius.md深色component.textarea.radius → semantic.radius.control → global.radius.md | Aa | ||
component.textarea.motion.duration多行输入交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.textarea.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.textarea.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.searchfield.background.rest搜索输入默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.searchfield.background.rest → semantic.color.background.base → global.color.white深色component.searchfield.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.searchfield.background.hover搜索输入悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.searchfield.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.searchfield.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.searchfield.background.selected搜索输入选中背景 | color | {semantic.color.background.selectedAccent} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色component.searchfield.background.selected → semantic.color.background.selectedAccent → global.color.blue.800深色component.searchfield.background.selected → semantic.color.background.selectedAccent → global.color.blue.300 | |||
component.searchfield.text.default搜索输入文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.searchfield.text.default → semantic.color.text.primary → global.color.neutral.950深色component.searchfield.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.searchfield.border.default搜索输入边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.searchfield.border.default → semantic.color.border.default → global.color.neutral.300深色component.searchfield.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.searchfield.radius搜索输入圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.searchfield.radius → semantic.radius.control → global.radius.md深色component.searchfield.radius → semantic.radius.control → global.radius.md | Aa | ||
component.searchfield.motion.duration搜索输入交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.searchfield.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.searchfield.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.select.background.rest选择器默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.select.background.rest → semantic.color.background.base → global.color.white深色component.select.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.select.background.hover选择器悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.select.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.select.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.select.background.selected选择器选中背景 | color | {semantic.color.background.selectedAccent} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色component.select.background.selected → semantic.color.background.selectedAccent → global.color.blue.800深色component.select.background.selected → semantic.color.background.selectedAccent → global.color.blue.300 | |||
component.select.text.default选择器文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.select.text.default → semantic.color.text.primary → global.color.neutral.950深色component.select.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.select.border.default选择器边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.select.border.default → semantic.color.border.default → global.color.neutral.300深色component.select.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.select.radius选择器圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.select.radius → semantic.radius.control → global.radius.md深色component.select.radius → semantic.radius.control → global.radius.md | Aa | ||
component.select.motion.duration选择器交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.select.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.select.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.combobox.background.rest组合输入默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.combobox.background.rest → semantic.color.background.base → global.color.white深色component.combobox.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.combobox.background.hover组合输入悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.combobox.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.combobox.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.combobox.background.selected组合输入选中背景 | color | {semantic.color.background.selectedAccent} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色component.combobox.background.selected → semantic.color.background.selectedAccent → global.color.blue.800深色component.combobox.background.selected → semantic.color.background.selectedAccent → global.color.blue.300 | |||
component.combobox.text.default组合输入文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.combobox.text.default → semantic.color.text.primary → global.color.neutral.950深色component.combobox.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.combobox.border.default组合输入边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.combobox.border.default → semantic.color.border.default → global.color.neutral.300深色component.combobox.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.combobox.radius组合输入圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.combobox.radius → semantic.radius.control → global.radius.md深色component.combobox.radius → semantic.radius.control → global.radius.md | Aa | ||
component.combobox.motion.duration组合输入交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.combobox.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.combobox.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.checkbox.background.rest复选框默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.checkbox.background.rest → semantic.color.background.base → global.color.white深色component.checkbox.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.checkbox.background.hover复选框悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.checkbox.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.checkbox.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.checkbox.background.selected复选框选中背景 | color | {semantic.color.background.selectedAccent} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色component.checkbox.background.selected → semantic.color.background.selectedAccent → global.color.blue.800深色component.checkbox.background.selected → semantic.color.background.selectedAccent → global.color.blue.300 | |||
component.checkbox.text.default复选框文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.checkbox.text.default → semantic.color.text.primary → global.color.neutral.950深色component.checkbox.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.checkbox.border.default复选框边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.checkbox.border.default → semantic.color.border.default → global.color.neutral.300深色component.checkbox.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.checkbox.radius复选框圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.checkbox.radius → semantic.radius.control → global.radius.md深色component.checkbox.radius → semantic.radius.control → global.radius.md | Aa | ||
component.checkbox.motion.duration复选框交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.checkbox.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.checkbox.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.radiogroup.background.rest单选组默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.radiogroup.background.rest → semantic.color.background.base → global.color.white深色component.radiogroup.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.radiogroup.background.hover单选组悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.radiogroup.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.radiogroup.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.radiogroup.background.selected单选组选中背景 | color | {semantic.color.background.selectedAccent} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色component.radiogroup.background.selected → semantic.color.background.selectedAccent → global.color.blue.800深色component.radiogroup.background.selected → semantic.color.background.selectedAccent → global.color.blue.300 | |||
component.radiogroup.text.default单选组文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.radiogroup.text.default → semantic.color.text.primary → global.color.neutral.950深色component.radiogroup.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.radiogroup.border.default单选组边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.radiogroup.border.default → semantic.color.border.default → global.color.neutral.300深色component.radiogroup.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.radiogroup.radius单选组圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.radiogroup.radius → semantic.radius.control → global.radius.md深色component.radiogroup.radius → semantic.radius.control → global.radius.md | Aa | ||
component.radiogroup.motion.duration单选组交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.radiogroup.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.radiogroup.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.switch.background.rest开关默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.switch.background.rest → semantic.color.background.base → global.color.white深色component.switch.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.switch.background.hover开关悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.switch.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.switch.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.switch.background.selected开关选中背景 | color | {semantic.color.background.selectedAccent} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色component.switch.background.selected → semantic.color.background.selectedAccent → global.color.blue.800深色component.switch.background.selected → semantic.color.background.selectedAccent → global.color.blue.300 | |||
component.switch.text.default开关文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.switch.text.default → semantic.color.text.primary → global.color.neutral.950深色component.switch.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.switch.border.default开关边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.switch.border.default → semantic.color.border.default → global.color.neutral.300深色component.switch.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.switch.radius开关圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.switch.radius → semantic.radius.control → global.radius.md深色component.switch.radius → semantic.radius.control → global.radius.md | Aa | ||
component.switch.motion.duration开关交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.switch.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.switch.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.slider.background.rest滑块默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.slider.background.rest → semantic.color.background.base → global.color.white深色component.slider.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.slider.background.hover滑块悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.slider.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.slider.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.slider.background.selected滑块选中背景 | color | {semantic.color.background.selectedAccent} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色component.slider.background.selected → semantic.color.background.selectedAccent → global.color.blue.800深色component.slider.background.selected → semantic.color.background.selectedAccent → global.color.blue.300 | |||
component.slider.text.default滑块文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.slider.text.default → semantic.color.text.primary → global.color.neutral.950深色component.slider.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.slider.border.default滑块边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.slider.border.default → semantic.color.border.default → global.color.neutral.300深色component.slider.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.slider.radius滑块圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.slider.radius → semantic.radius.control → global.radius.md深色component.slider.radius → semantic.radius.control → global.radius.md | Aa | ||
component.slider.motion.duration滑块交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.slider.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.slider.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.tabs.background.rest标签页默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.tabs.background.rest → semantic.color.background.base → global.color.white深色component.tabs.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.tabs.background.hover标签页悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.tabs.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.tabs.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.tabs.background.selected标签页选中背景 | color | {semantic.color.background.selectedNeutral} | oklch(0.9 0.002 255)oklch(0.47 0.01 255)引用链浅色component.tabs.background.selected → semantic.color.background.selectedNeutral → global.color.neutral.200深色component.tabs.background.selected → semantic.color.background.selectedNeutral → global.color.neutral.700 | |||
component.tabs.text.default标签页文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.tabs.text.default → semantic.color.text.primary → global.color.neutral.950深色component.tabs.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.tabs.border.default标签页边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.tabs.border.default → semantic.color.border.default → global.color.neutral.300深色component.tabs.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.tabs.radius标签页圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.tabs.radius → semantic.radius.control → global.radius.md深色component.tabs.radius → semantic.radius.control → global.radius.md | Aa | ||
component.tabs.motion.duration标签页交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.tabs.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.tabs.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.breadcrumb.background.rest面包屑默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.breadcrumb.background.rest → semantic.color.background.base → global.color.white深色component.breadcrumb.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.breadcrumb.background.hover面包屑悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.breadcrumb.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.breadcrumb.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.breadcrumb.background.selected面包屑选中背景 | color | {semantic.color.background.selectedAccent} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色component.breadcrumb.background.selected → semantic.color.background.selectedAccent → global.color.blue.800深色component.breadcrumb.background.selected → semantic.color.background.selectedAccent → global.color.blue.300 | |||
component.breadcrumb.text.default面包屑文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.breadcrumb.text.default → semantic.color.text.primary → global.color.neutral.950深色component.breadcrumb.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.breadcrumb.border.default面包屑边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.breadcrumb.border.default → semantic.color.border.default → global.color.neutral.300深色component.breadcrumb.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.breadcrumb.radius面包屑圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.breadcrumb.radius → semantic.radius.control → global.radius.md深色component.breadcrumb.radius → semantic.radius.control → global.radius.md | Aa | ||
component.breadcrumb.motion.duration面包屑交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.breadcrumb.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.breadcrumb.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.pagination.background.rest分页默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.pagination.background.rest → semantic.color.background.base → global.color.white深色component.pagination.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.pagination.background.hover分页悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.pagination.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.pagination.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.pagination.background.selected分页选中背景 | color | {semantic.color.background.selectedNeutral} | oklch(0.9 0.002 255)oklch(0.47 0.01 255)引用链浅色component.pagination.background.selected → semantic.color.background.selectedNeutral → global.color.neutral.200深色component.pagination.background.selected → semantic.color.background.selectedNeutral → global.color.neutral.700 | |||
component.pagination.text.default分页文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.pagination.text.default → semantic.color.text.primary → global.color.neutral.950深色component.pagination.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.pagination.border.default分页边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.pagination.border.default → semantic.color.border.default → global.color.neutral.300深色component.pagination.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.pagination.radius分页圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.pagination.radius → semantic.radius.control → global.radius.md深色component.pagination.radius → semantic.radius.control → global.radius.md | Aa | ||
component.pagination.motion.duration分页交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.pagination.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.pagination.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.sidebarnavigation.background.rest侧边导航默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.sidebarnavigation.background.rest → semantic.color.background.base → global.color.white深色component.sidebarnavigation.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.sidebarnavigation.background.hover侧边导航悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.sidebarnavigation.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.sidebarnavigation.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.sidebarnavigation.background.selected侧边导航选中背景 | color | {semantic.color.background.selectedNeutral} | oklch(0.9 0.002 255)oklch(0.47 0.01 255)引用链浅色component.sidebarnavigation.background.selected → semantic.color.background.selectedNeutral → global.color.neutral.200深色component.sidebarnavigation.background.selected → semantic.color.background.selectedNeutral → global.color.neutral.700 | |||
component.sidebarnavigation.text.default侧边导航文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.sidebarnavigation.text.default → semantic.color.text.primary → global.color.neutral.950深色component.sidebarnavigation.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.sidebarnavigation.border.default侧边导航边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.sidebarnavigation.border.default → semantic.color.border.default → global.color.neutral.300深色component.sidebarnavigation.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.sidebarnavigation.radius侧边导航圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.sidebarnavigation.radius → semantic.radius.control → global.radius.md深色component.sidebarnavigation.radius → semantic.radius.control → global.radius.md | Aa | ||
component.sidebarnavigation.motion.duration侧边导航交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.sidebarnavigation.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.sidebarnavigation.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.badge.background.rest标签默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.badge.background.rest → semantic.color.background.base → global.color.white深色component.badge.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.badge.background.hover标签悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.badge.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.badge.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.badge.background.selected标签选中背景 | color | {semantic.color.background.selectedAccent} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色component.badge.background.selected → semantic.color.background.selectedAccent → global.color.blue.800深色component.badge.background.selected → semantic.color.background.selectedAccent → global.color.blue.300 | |||
component.badge.text.default标签文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.badge.text.default → semantic.color.text.primary → global.color.neutral.950深色component.badge.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.badge.border.default标签边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.badge.border.default → semantic.color.border.default → global.color.neutral.300深色component.badge.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.badge.radius标签圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.badge.radius → semantic.radius.control → global.radius.md深色component.badge.radius → semantic.radius.control → global.radius.md | Aa | ||
component.badge.motion.duration标签交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.badge.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.badge.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.avatar.background.rest头像默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.avatar.background.rest → semantic.color.background.base → global.color.white深色component.avatar.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.avatar.background.hover头像悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.avatar.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.avatar.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.avatar.background.selected头像选中背景 | color | {semantic.color.background.selectedAccent} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色component.avatar.background.selected → semantic.color.background.selectedAccent → global.color.blue.800深色component.avatar.background.selected → semantic.color.background.selectedAccent → global.color.blue.300 | |||
component.avatar.text.default头像文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.avatar.text.default → semantic.color.text.primary → global.color.neutral.950深色component.avatar.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.avatar.border.default头像边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.avatar.border.default → semantic.color.border.default → global.color.neutral.300深色component.avatar.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.avatar.radius头像圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.avatar.radius → semantic.radius.control → global.radius.md深色component.avatar.radius → semantic.radius.control → global.radius.md | Aa | ||
component.avatar.motion.duration头像交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.avatar.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.avatar.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.card.background.rest卡片默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.card.background.rest → semantic.color.background.base → global.color.white深色component.card.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.card.background.hover卡片悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.card.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.card.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.card.background.selected卡片选中背景 | color | {semantic.color.background.selectedNeutral} | oklch(0.9 0.002 255)oklch(0.47 0.01 255)引用链浅色component.card.background.selected → semantic.color.background.selectedNeutral → global.color.neutral.200深色component.card.background.selected → semantic.color.background.selectedNeutral → global.color.neutral.700 | |||
component.card.text.default卡片文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.card.text.default → semantic.color.text.primary → global.color.neutral.950深色component.card.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.card.border.default卡片边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.card.border.default → semantic.color.border.default → global.color.neutral.300深色component.card.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.card.radius卡片圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.card.radius → semantic.radius.control → global.radius.md深色component.card.radius → semantic.radius.control → global.radius.md | Aa | ||
component.card.motion.duration卡片交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.card.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.card.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.list.background.rest列表默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.list.background.rest → semantic.color.background.base → global.color.white深色component.list.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.list.background.hover列表悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.list.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.list.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.list.background.selected列表选中背景 | color | {semantic.color.background.selectedNeutral} | oklch(0.9 0.002 255)oklch(0.47 0.01 255)引用链浅色component.list.background.selected → semantic.color.background.selectedNeutral → global.color.neutral.200深色component.list.background.selected → semantic.color.background.selectedNeutral → global.color.neutral.700 | |||
component.list.text.default列表文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.list.text.default → semantic.color.text.primary → global.color.neutral.950深色component.list.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.list.border.default列表边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.list.border.default → semantic.color.border.default → global.color.neutral.300深色component.list.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.list.radius列表圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.list.radius → semantic.radius.control → global.radius.md深色component.list.radius → semantic.radius.control → global.radius.md | Aa | ||
component.list.motion.duration列表交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.list.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.list.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.table.background.rest表格默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.table.background.rest → semantic.color.background.base → global.color.white深色component.table.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.table.background.hover表格悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.table.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.table.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.table.background.selected表格选中背景 | color | {semantic.color.background.selectedNeutral} | oklch(0.9 0.002 255)oklch(0.47 0.01 255)引用链浅色component.table.background.selected → semantic.color.background.selectedNeutral → global.color.neutral.200深色component.table.background.selected → semantic.color.background.selectedNeutral → global.color.neutral.700 | |||
component.table.text.default表格文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.table.text.default → semantic.color.text.primary → global.color.neutral.950深色component.table.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.table.border.default表格边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.table.border.default → semantic.color.border.default → global.color.neutral.300深色component.table.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.table.radius表格圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.table.radius → semantic.radius.control → global.radius.md深色component.table.radius → semantic.radius.control → global.radius.md | Aa | ||
component.table.motion.duration表格交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.table.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.table.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.accordion.background.rest折叠面板默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.accordion.background.rest → semantic.color.background.base → global.color.white深色component.accordion.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.accordion.background.hover折叠面板悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.accordion.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.accordion.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.accordion.background.selected折叠面板选中背景 | color | {semantic.color.background.selectedAccent} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色component.accordion.background.selected → semantic.color.background.selectedAccent → global.color.blue.800深色component.accordion.background.selected → semantic.color.background.selectedAccent → global.color.blue.300 | |||
component.accordion.text.default折叠面板文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.accordion.text.default → semantic.color.text.primary → global.color.neutral.950深色component.accordion.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.accordion.border.default折叠面板边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.accordion.border.default → semantic.color.border.default → global.color.neutral.300深色component.accordion.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.accordion.radius折叠面板圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.accordion.radius → semantic.radius.control → global.radius.md深色component.accordion.radius → semantic.radius.control → global.radius.md | Aa | ||
component.accordion.motion.duration折叠面板交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.accordion.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.accordion.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.alert.background.rest提示默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.alert.background.rest → semantic.color.background.base → global.color.white深色component.alert.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.alert.background.hover提示悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.alert.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.alert.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.alert.background.selected提示选中背景 | color | {semantic.color.background.selectedAccent} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色component.alert.background.selected → semantic.color.background.selectedAccent → global.color.blue.800深色component.alert.background.selected → semantic.color.background.selectedAccent → global.color.blue.300 | |||
component.alert.text.default提示文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.alert.text.default → semantic.color.text.primary → global.color.neutral.950深色component.alert.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.alert.border.default提示边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.alert.border.default → semantic.color.border.default → global.color.neutral.300深色component.alert.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.alert.radius提示圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.alert.radius → semantic.radius.control → global.radius.md深色component.alert.radius → semantic.radius.control → global.radius.md | Aa | ||
component.alert.motion.duration提示交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.alert.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.alert.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.progressspinner.background.rest进度与加载默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.progressspinner.background.rest → semantic.color.background.base → global.color.white深色component.progressspinner.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.progressspinner.background.hover进度与加载悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.progressspinner.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.progressspinner.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.progressspinner.background.selected进度与加载选中背景 | color | {semantic.color.background.selectedAccent} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色component.progressspinner.background.selected → semantic.color.background.selectedAccent → global.color.blue.800深色component.progressspinner.background.selected → semantic.color.background.selectedAccent → global.color.blue.300 | |||
component.progressspinner.text.default进度与加载文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.progressspinner.text.default → semantic.color.text.primary → global.color.neutral.950深色component.progressspinner.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.progressspinner.border.default进度与加载边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.progressspinner.border.default → semantic.color.border.default → global.color.neutral.300深色component.progressspinner.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.progressspinner.radius进度与加载圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.progressspinner.radius → semantic.radius.control → global.radius.md深色component.progressspinner.radius → semantic.radius.control → global.radius.md | Aa | ||
component.progressspinner.motion.duration进度与加载交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.progressspinner.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.progressspinner.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.toast.background.rest轻提示默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.toast.background.rest → semantic.color.background.base → global.color.white深色component.toast.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.toast.background.hover轻提示悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.toast.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.toast.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.toast.background.selected轻提示选中背景 | color | {semantic.color.background.selectedAccent} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色component.toast.background.selected → semantic.color.background.selectedAccent → global.color.blue.800深色component.toast.background.selected → semantic.color.background.selectedAccent → global.color.blue.300 | |||
component.toast.text.default轻提示文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.toast.text.default → semantic.color.text.primary → global.color.neutral.950深色component.toast.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.toast.border.default轻提示边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.toast.border.default → semantic.color.border.default → global.color.neutral.300深色component.toast.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.toast.radius轻提示圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.toast.radius → semantic.radius.control → global.radius.md深色component.toast.radius → semantic.radius.control → global.radius.md | Aa | ||
component.toast.motion.duration轻提示交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.toast.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.toast.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.emptystate.background.rest空状态默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.emptystate.background.rest → semantic.color.background.base → global.color.white深色component.emptystate.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.emptystate.background.hover空状态悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.emptystate.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.emptystate.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.emptystate.background.selected空状态选中背景 | color | {semantic.color.background.selectedAccent} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色component.emptystate.background.selected → semantic.color.background.selectedAccent → global.color.blue.800深色component.emptystate.background.selected → semantic.color.background.selectedAccent → global.color.blue.300 | |||
component.emptystate.text.default空状态文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.emptystate.text.default → semantic.color.text.primary → global.color.neutral.950深色component.emptystate.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.emptystate.border.default空状态边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.emptystate.border.default → semantic.color.border.default → global.color.neutral.300深色component.emptystate.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.emptystate.radius空状态圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.emptystate.radius → semantic.radius.control → global.radius.md深色component.emptystate.radius → semantic.radius.control → global.radius.md | Aa | ||
component.emptystate.motion.duration空状态交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.emptystate.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.emptystate.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.menu.background.rest菜单默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.menu.background.rest → semantic.color.background.base → global.color.white深色component.menu.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.menu.background.hover菜单悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.menu.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.menu.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.menu.background.selected菜单选中背景 | color | {semantic.color.background.selectedAccent} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色component.menu.background.selected → semantic.color.background.selectedAccent → global.color.blue.800深色component.menu.background.selected → semantic.color.background.selectedAccent → global.color.blue.300 | |||
component.menu.text.default菜单文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.menu.text.default → semantic.color.text.primary → global.color.neutral.950深色component.menu.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.menu.border.default菜单边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.menu.border.default → semantic.color.border.default → global.color.neutral.300深色component.menu.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.menu.radius菜单圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.menu.radius → semantic.radius.control → global.radius.md深色component.menu.radius → semantic.radius.control → global.radius.md | Aa | ||
component.menu.motion.duration菜单交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.menu.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.menu.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.popover.background.rest浮层默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.popover.background.rest → semantic.color.background.base → global.color.white深色component.popover.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.popover.background.hover浮层悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.popover.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.popover.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.popover.background.selected浮层选中背景 | color | {semantic.color.background.selectedAccent} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色component.popover.background.selected → semantic.color.background.selectedAccent → global.color.blue.800深色component.popover.background.selected → semantic.color.background.selectedAccent → global.color.blue.300 | |||
component.popover.text.default浮层文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.popover.text.default → semantic.color.text.primary → global.color.neutral.950深色component.popover.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.popover.border.default浮层边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.popover.border.default → semantic.color.border.default → global.color.neutral.300深色component.popover.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.popover.radius浮层圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.popover.radius → semantic.radius.control → global.radius.md深色component.popover.radius → semantic.radius.control → global.radius.md | Aa | ||
component.popover.motion.duration浮层交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.popover.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.popover.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.tooltip.background.rest工具提示默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.tooltip.background.rest → semantic.color.background.base → global.color.white深色component.tooltip.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.tooltip.background.hover工具提示悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.tooltip.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.tooltip.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.tooltip.background.selected工具提示选中背景 | color | {semantic.color.background.selectedAccent} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色component.tooltip.background.selected → semantic.color.background.selectedAccent → global.color.blue.800深色component.tooltip.background.selected → semantic.color.background.selectedAccent → global.color.blue.300 | |||
component.tooltip.text.default工具提示文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.tooltip.text.default → semantic.color.text.primary → global.color.neutral.950深色component.tooltip.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.tooltip.border.default工具提示边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.tooltip.border.default → semantic.color.border.default → global.color.neutral.300深色component.tooltip.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.tooltip.radius工具提示圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.tooltip.radius → semantic.radius.control → global.radius.md深色component.tooltip.radius → semantic.radius.control → global.radius.md | Aa | ||
component.tooltip.motion.duration工具提示交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.tooltip.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.tooltip.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.dialog.background.rest对话框默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.dialog.background.rest → semantic.color.background.base → global.color.white深色component.dialog.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.dialog.background.hover对话框悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.dialog.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.dialog.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.dialog.background.selected对话框选中背景 | color | {semantic.color.background.selectedAccent} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色component.dialog.background.selected → semantic.color.background.selectedAccent → global.color.blue.800深色component.dialog.background.selected → semantic.color.background.selectedAccent → global.color.blue.300 | |||
component.dialog.text.default对话框文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.dialog.text.default → semantic.color.text.primary → global.color.neutral.950深色component.dialog.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.dialog.border.default对话框边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.dialog.border.default → semantic.color.border.default → global.color.neutral.300深色component.dialog.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.dialog.radius对话框圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.dialog.radius → semantic.radius.control → global.radius.md深色component.dialog.radius → semantic.radius.control → global.radius.md | Aa | ||
component.dialog.motion.duration对话框交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.dialog.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.dialog.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.sheet.background.rest侧边面板默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.sheet.background.rest → semantic.color.background.base → global.color.white深色component.sheet.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.sheet.background.hover侧边面板悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.sheet.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.sheet.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.sheet.background.selected侧边面板选中背景 | color | {semantic.color.background.selectedAccent} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色component.sheet.background.selected → semantic.color.background.selectedAccent → global.color.blue.800深色component.sheet.background.selected → semantic.color.background.selectedAccent → global.color.blue.300 | |||
component.sheet.text.default侧边面板文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.sheet.text.default → semantic.color.text.primary → global.color.neutral.950深色component.sheet.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.sheet.border.default侧边面板边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.sheet.border.default → semantic.color.border.default → global.color.neutral.300深色component.sheet.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.sheet.radius侧边面板圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.sheet.radius → semantic.radius.control → global.radius.md深色component.sheet.radius → semantic.radius.control → global.radius.md | Aa | ||
component.sheet.motion.duration侧边面板交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.sheet.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.sheet.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.aipromptfield.background.rest提示输入默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.aipromptfield.background.rest → semantic.color.background.base → global.color.white深色component.aipromptfield.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.aipromptfield.background.hover提示输入悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.aipromptfield.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.aipromptfield.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.aipromptfield.background.selected提示输入选中背景 | color | {semantic.color.background.selectedAccent} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色component.aipromptfield.background.selected → semantic.color.background.selectedAccent → global.color.blue.800深色component.aipromptfield.background.selected → semantic.color.background.selectedAccent → global.color.blue.300 | |||
component.aipromptfield.text.default提示输入文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.aipromptfield.text.default → semantic.color.text.primary → global.color.neutral.950深色component.aipromptfield.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.aipromptfield.border.default提示输入边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.aipromptfield.border.default → semantic.color.border.default → global.color.neutral.300深色component.aipromptfield.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.aipromptfield.radius提示输入圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.aipromptfield.radius → semantic.radius.control → global.radius.md深色component.aipromptfield.radius → semantic.radius.control → global.radius.md | Aa | ||
component.aipromptfield.motion.duration提示输入交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.aipromptfield.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.aipromptfield.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.aigenerationstate.background.rest生成状态默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.aigenerationstate.background.rest → semantic.color.background.base → global.color.white深色component.aigenerationstate.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.aigenerationstate.background.hover生成状态悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.aigenerationstate.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.aigenerationstate.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.aigenerationstate.background.selected生成状态选中背景 | color | {semantic.color.background.selectedAccent} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色component.aigenerationstate.background.selected → semantic.color.background.selectedAccent → global.color.blue.800深色component.aigenerationstate.background.selected → semantic.color.background.selectedAccent → global.color.blue.300 | |||
component.aigenerationstate.text.default生成状态文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.aigenerationstate.text.default → semantic.color.text.primary → global.color.neutral.950深色component.aigenerationstate.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.aigenerationstate.border.default生成状态边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.aigenerationstate.border.default → semantic.color.border.default → global.color.neutral.300深色component.aigenerationstate.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.aigenerationstate.radius生成状态圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.aigenerationstate.radius → semantic.radius.control → global.radius.md深色component.aigenerationstate.radius → semantic.radius.control → global.radius.md | Aa | ||
component.aigenerationstate.motion.duration生成状态交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.aigenerationstate.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.aigenerationstate.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.airesultreview.background.rest结果审阅默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.airesultreview.background.rest → semantic.color.background.base → global.color.white深色component.airesultreview.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.airesultreview.background.hover结果审阅悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.airesultreview.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.airesultreview.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.airesultreview.background.selected结果审阅选中背景 | color | {semantic.color.background.selectedAccent} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色component.airesultreview.background.selected → semantic.color.background.selectedAccent → global.color.blue.800深色component.airesultreview.background.selected → semantic.color.background.selectedAccent → global.color.blue.300 | |||
component.airesultreview.text.default结果审阅文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.airesultreview.text.default → semantic.color.text.primary → global.color.neutral.950深色component.airesultreview.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.airesultreview.border.default结果审阅边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.airesultreview.border.default → semantic.color.border.default → global.color.neutral.300深色component.airesultreview.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.airesultreview.radius结果审阅圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.airesultreview.radius → semantic.radius.control → global.radius.md深色component.airesultreview.radius → semantic.radius.control → global.radius.md | Aa | ||
component.airesultreview.motion.duration结果审阅交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.airesultreview.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.airesultreview.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.aiaidisclosure.background.restAI 标识与来源默认背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.aiaidisclosure.background.rest → semantic.color.background.base → global.color.white深色component.aiaidisclosure.background.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.aiaidisclosure.background.hoverAI 标识与来源悬停背景 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.aiaidisclosure.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.aiaidisclosure.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.aiaidisclosure.background.selectedAI 标识与来源选中背景 | color | {semantic.color.background.selectedAccent} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色component.aiaidisclosure.background.selected → semantic.color.background.selectedAccent → global.color.blue.800深色component.aiaidisclosure.background.selected → semantic.color.background.selectedAccent → global.color.blue.300 | |||
component.aiaidisclosure.text.defaultAI 标识与来源文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.aiaidisclosure.text.default → semantic.color.text.primary → global.color.neutral.950深色component.aiaidisclosure.text.default → semantic.color.text.primary → global.color.neutral.50 | |||
component.aiaidisclosure.border.defaultAI 标识与来源边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.aiaidisclosure.border.default → semantic.color.border.default → global.color.neutral.300深色component.aiaidisclosure.border.default → semantic.color.border.default → global.color.neutral.700 | |||
component.aiaidisclosure.radiusAI 标识与来源圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.aiaidisclosure.radius → semantic.radius.control → global.radius.md深色component.aiaidisclosure.radius → semantic.radius.control → global.radius.md | Aa | ||
component.aiaidisclosure.motion.durationAI 标识与来源交互动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.aiaidisclosure.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.aiaidisclosure.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.button.height.sm小按钮高度 | dimension | {semantic.size.control.sm} | 2.25rem引用链浅色component.button.height.sm → semantic.size.control.sm → global.size.control.sm深色component.button.height.sm → semantic.size.control.sm → global.size.control.sm | Aa | ||
component.button.height.md中按钮高度 | dimension | {semantic.size.control.md} | 2.75rem引用链浅色component.button.height.md → semantic.size.control.md → global.size.control.md深色component.button.height.md → semantic.size.control.md → global.size.control.md | Aa | ||
component.button.height.lg大按钮高度 | dimension | {semantic.size.control.lg} | 3.25rem引用链浅色component.button.height.lg → semantic.size.control.lg → global.size.control.lg深色component.button.height.lg → semantic.size.control.lg → global.size.control.lg | Aa | ||
component.button.typography.sm.size小按钮字号 | dimension | {semantic.typography.control.sm.size} | 0.8125rem引用链浅色component.button.typography.sm.size → semantic.typography.control.sm.size → global.typography.size.13深色component.button.typography.sm.size → semantic.typography.control.sm.size → global.typography.size.13 | Aa | ||
component.button.typography.md.size中按钮字号 | dimension | {semantic.typography.control.md.size} | 0.875rem引用链浅色component.button.typography.md.size → semantic.typography.control.md.size → global.typography.size.14深色component.button.typography.md.size → semantic.typography.control.md.size → global.typography.size.14 | Aa | ||
component.button.typography.lg.size大按钮字号 | dimension | {semantic.typography.control.lg.size} | 1rem引用链浅色component.button.typography.lg.size → semantic.typography.control.lg.size → global.typography.size.16深色component.button.typography.lg.size → semantic.typography.control.lg.size → global.typography.size.16 | Aa | ||
component.button.typography.weight按钮字重 | fontWeight | {semantic.typography.control.weight} | 600引用链浅色component.button.typography.weight → semantic.typography.control.weight → global.typography.weight.semibold深色component.button.typography.weight → semantic.typography.control.weight → global.typography.weight.semibold | Aa | ||
component.button.typography.leading按钮行高 | number | {semantic.typography.control.leading} | 1引用链浅色component.button.typography.leading → semantic.typography.control.leading → global.typography.leading.control深色component.button.typography.leading → semantic.typography.control.leading → global.typography.leading.control | Aa | ||
component.button.spacing.gap按钮内容间距 | dimension | {semantic.spacing.controlGap} | 0.5rem引用链浅色component.button.spacing.gap → semantic.spacing.controlGap → global.spacing.2深色component.button.spacing.gap → semantic.spacing.controlGap → global.spacing.2 | Aa | ||
component.button.spacing.inline.sm小按钮横向内距 | dimension | {semantic.spacing.controlInline.sm} | 0.75rem引用链浅色component.button.spacing.inline.sm → semantic.spacing.controlInline.sm → global.spacing.3深色component.button.spacing.inline.sm → semantic.spacing.controlInline.sm → global.spacing.3 | Aa | ||
component.button.spacing.inline.md中按钮横向内距 | dimension | {semantic.spacing.controlInline.md} | 1rem引用链浅色component.button.spacing.inline.md → semantic.spacing.controlInline.md → global.spacing.4深色component.button.spacing.inline.md → semantic.spacing.controlInline.md → global.spacing.4 | Aa | ||
component.button.spacing.inline.lg大按钮横向内距 | dimension | {semantic.spacing.controlInline.lg} | 1.25rem引用链浅色component.button.spacing.inline.lg → semantic.spacing.controlInline.lg → global.spacing.5深色component.button.spacing.inline.lg → semantic.spacing.controlInline.lg → global.spacing.5 | Aa | ||
component.button.focus.width按钮焦点环宽度 | dimension | {semantic.border.focusWidth} | 2px引用链浅色component.button.focus.width → semantic.border.focusWidth → global.border.focus深色component.button.focus.width → semantic.border.focusWidth → global.border.focus | Aa | ||
component.button.icon.stroke按钮图标描边 | number | {semantic.icon.stroke.regular} | 1.5引用链浅色component.button.icon.stroke → semantic.icon.stroke.regular → global.icon.stroke.regular深色component.button.icon.stroke → semantic.icon.stroke.regular → global.icon.stroke.regular | Aa | ||
component.button.motion.easing按钮缓动 | cubicBezier | {semantic.motion.easing.standard} | cubic-bezier(0.2, 0, 0, 1)引用链浅色component.button.motion.easing → semantic.motion.easing.standard → global.motion.easing.standard深色component.button.motion.easing → semantic.motion.easing.standard → global.motion.easing.standard | Aa | ||
component.button.motion.pressScale按钮按压缩放 | number | {semantic.motion.scale.press} | 0.96引用链浅色component.button.motion.pressScale → semantic.motion.scale.press → global.motion.scale.press深色component.button.motion.pressScale → semantic.motion.scale.press → global.motion.scale.press | Aa | ||
component.button.motion.loadingCycle按钮加载循环 | duration | {semantic.motion.loadingCycle} | 800ms引用链浅色component.button.motion.loadingCycle → semantic.motion.loadingCycle → global.motion.duration.loadingCycle深色component.button.motion.loadingCycle → semantic.motion.loadingCycle → global.motion.duration.loadingCycle | Aa | ||
component.button.opacity.disabled按钮禁用透明度 | number | {semantic.opacity.disabled} | 0.5引用链浅色component.button.opacity.disabled → semantic.opacity.disabled → global.opacity.disabled深色component.button.opacity.disabled → semantic.opacity.disabled → global.opacity.disabled | Aa | ||
component.button.background.filled.accent.rest强调填充按钮 | color | {semantic.color.background.accent} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色component.button.background.filled.accent.rest → semantic.color.background.accent → global.color.blue.800深色component.button.background.filled.accent.rest → semantic.color.background.accent → global.color.blue.300 | |||
component.button.background.filled.accent.hover强调填充按钮悬停 | color | {semantic.color.background.accentHover} | oklch(0.29 0.058 261.395)oklch(0.9 0.019 261.395)引用链浅色component.button.background.filled.accent.hover → semantic.color.background.accentHover → global.color.blue.900深色component.button.background.filled.accent.hover → semantic.color.background.accentHover → global.color.blue.200 | |||
component.button.background.filled.accent.pressed强调填充按钮按下 | color | {semantic.color.background.accentPressed} | oklch(0.2 0.022 261.395)oklch(0.95 0.006 261.395)引用链浅色component.button.background.filled.accent.pressed → semantic.color.background.accentPressed → global.color.blue.950深色component.button.background.filled.accent.pressed → semantic.color.background.accentPressed → global.color.blue.100 | |||
component.button.background.filled.neutral.rest中性填充按钮 | color | {semantic.color.background.inverse} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.button.background.filled.neutral.rest → semantic.color.background.inverse → global.color.neutral.950深色component.button.background.filled.neutral.rest → semantic.color.background.inverse → global.color.neutral.50 | |||
component.button.background.filled.neutral.hover中性填充按钮悬停 | color | {semantic.color.background.inverseHover} | oklch(0.38 0.007 255)oklch(0.95 0 255)引用链浅色component.button.background.filled.neutral.hover → semantic.color.background.inverseHover → global.color.neutral.800深色component.button.background.filled.neutral.hover → semantic.color.background.inverseHover → global.color.neutral.100 | |||
component.button.background.filled.neutral.pressed中性填充按钮按下 | color | {semantic.color.background.inversePressed} | oklch(0.47 0.01 255)oklch(0.9 0.002 255)引用链浅色component.button.background.filled.neutral.pressed → semantic.color.background.inversePressed → global.color.neutral.700深色component.button.background.filled.neutral.pressed → semantic.color.background.inversePressed → global.color.neutral.200 | |||
component.button.background.filled.destructive.rest危险填充按钮 | color | {semantic.color.status.danger.strong} | oklch(0.38 0.095 25)oklch(0.82 0.056 25)引用链浅色component.button.background.filled.destructive.rest → semantic.color.status.danger.strong → global.color.red.800深色component.button.background.filled.destructive.rest → semantic.color.status.danger.strong → global.color.red.300 | |||
component.button.background.filled.destructive.hover危险填充按钮悬停 | color | {semantic.color.status.danger.strongHover} | oklch(0.29 0.05 25)oklch(0.9 0.02 25)引用链浅色component.button.background.filled.destructive.hover → semantic.color.status.danger.strongHover → global.color.red.900深色component.button.background.filled.destructive.hover → semantic.color.status.danger.strongHover → global.color.red.200 | |||
component.button.background.filled.destructive.pressed危险填充按钮按下 | color | {semantic.color.status.danger.strongPressed} | oklch(0.2 0.019 25)oklch(0.95 0.006 25)引用链浅色component.button.background.filled.destructive.pressed → semantic.color.status.danger.strongPressed → global.color.red.950深色component.button.background.filled.destructive.pressed → semantic.color.status.danger.strongPressed → global.color.red.100 | |||
component.button.background.tinted.accent.rest弱强调按钮 | color | {semantic.color.background.accentSubtle} | oklch(0.95 0.006 261.395)oklch(0.29 0.058 261.395)引用链浅色component.button.background.tinted.accent.rest → semantic.color.background.accentSubtle → global.color.blue.100深色component.button.background.tinted.accent.rest → semantic.color.background.accentSubtle → global.color.blue.900 | |||
component.button.background.tinted.accent.hover弱强调按钮悬停 | color | {semantic.color.background.accentSubtleHover} | oklch(0.9 0.019 261.395)oklch(0.368 0.161 261.395)引用链浅色component.button.background.tinted.accent.hover → semantic.color.background.accentSubtleHover → global.color.blue.200深色component.button.background.tinted.accent.hover → semantic.color.background.accentSubtleHover → global.color.blue.800 | |||
component.button.background.tinted.accent.pressed弱强调按钮按下 | color | {semantic.color.background.accentSubtlePressed} | oklch(0.82 0.052 261.395)oklch(0.47 0.167 261.395)引用链浅色component.button.background.tinted.accent.pressed → semantic.color.background.accentSubtlePressed → global.color.blue.300深色component.button.background.tinted.accent.pressed → semantic.color.background.accentSubtlePressed → global.color.blue.700 | |||
component.button.background.tinted.neutral.rest中性浅染按钮 | color | {semantic.color.background.secondary} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.button.background.tinted.neutral.rest → semantic.color.background.secondary → global.color.neutral.100深色component.button.background.tinted.neutral.rest → semantic.color.background.secondary → global.color.neutral.800 | |||
component.button.background.tinted.neutral.hover中性浅染按钮悬停 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.button.background.tinted.neutral.hover → semantic.color.background.hover → global.color.neutral.100深色component.button.background.tinted.neutral.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.button.background.tinted.neutral.pressed中性浅染按钮按下 | color | {semantic.color.background.pressed} | oklch(0.9 0.002 255)oklch(0.47 0.01 255)引用链浅色component.button.background.tinted.neutral.pressed → semantic.color.background.pressed → global.color.neutral.200深色component.button.background.tinted.neutral.pressed → semantic.color.background.pressed → global.color.neutral.700 | |||
component.button.background.tinted.destructive.rest危险浅染按钮 | color | {semantic.color.status.danger.subtle} | oklch(0.95 0.006 25)oklch(0.29 0.05 25)引用链浅色component.button.background.tinted.destructive.rest → semantic.color.status.danger.subtle → global.color.red.100深色component.button.background.tinted.destructive.rest → semantic.color.status.danger.subtle → global.color.red.900 | |||
component.button.background.tinted.destructive.hover危险浅染按钮悬停 | color | {semantic.color.status.danger.subtleHover} | oklch(0.9 0.02 25)oklch(0.38 0.095 25)引用链浅色component.button.background.tinted.destructive.hover → semantic.color.status.danger.subtleHover → global.color.red.200深色component.button.background.tinted.destructive.hover → semantic.color.status.danger.subtleHover → global.color.red.800 | |||
component.button.background.tinted.destructive.pressed危险浅染按钮按下 | color | {semantic.color.status.danger.subtlePressed} | oklch(0.82 0.056 25)oklch(0.47 0.145 25)引用链浅色component.button.background.tinted.destructive.pressed → semantic.color.status.danger.subtlePressed → global.color.red.300深色component.button.background.tinted.destructive.pressed → semantic.color.status.danger.subtlePressed → global.color.red.700 | |||
component.button.background.outline.rest轮廓按钮背景 | color | {semantic.color.background.base} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.button.background.outline.rest → semantic.color.background.base → global.color.white深色component.button.background.outline.rest → semantic.color.background.base → global.color.neutral.900 | |||
component.button.background.outline.hover轮廓按钮悬停 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.button.background.outline.hover → semantic.color.background.hover → global.color.neutral.100深色component.button.background.outline.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.button.background.outline.pressed轮廓按钮按下 | color | {semantic.color.background.pressed} | oklch(0.9 0.002 255)oklch(0.47 0.01 255)引用链浅色component.button.background.outline.pressed → semantic.color.background.pressed → global.color.neutral.200深色component.button.background.outline.pressed → semantic.color.background.pressed → global.color.neutral.700 | |||
component.button.background.plain.rest文本按钮默认背景 | color | {semantic.color.background.transparent} | oklch(0 0 0 / 0)引用链浅色component.button.background.plain.rest → semantic.color.background.transparent → global.color.transparent深色component.button.background.plain.rest → semantic.color.background.transparent → global.color.transparent | |||
component.button.background.plain.hover文本按钮悬停 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.button.background.plain.hover → semantic.color.background.hover → global.color.neutral.100深色component.button.background.plain.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.button.background.plain.pressed文本按钮按下 | color | {semantic.color.background.pressed} | oklch(0.9 0.002 255)oklch(0.47 0.01 255)引用链浅色component.button.background.plain.pressed → semantic.color.background.pressed → global.color.neutral.200深色component.button.background.plain.pressed → semantic.color.background.pressed → global.color.neutral.700 | |||
component.button.background.link.rest链接按钮默认背景 | color | {semantic.color.background.transparent} | oklch(0 0 0 / 0)引用链浅色component.button.background.link.rest → semantic.color.background.transparent → global.color.transparent深色component.button.background.link.rest → semantic.color.background.transparent → global.color.transparent | |||
component.button.text.onAccent强调按钮文字 | color | {semantic.color.text.onAccent} | oklch(1 0 0)oklch(0.2 0.001 255)引用链浅色component.button.text.onAccent → semantic.color.text.onAccent → global.color.white深色component.button.text.onAccent → semantic.color.text.onAccent → global.color.neutral.950 | |||
component.button.text.accent强调文本按钮 | color | {semantic.color.text.link} | oklch(0.368 0.161 261.395)oklch(0.82 0.052 261.395)引用链浅色component.button.text.accent → semantic.color.text.link → global.color.blue.800深色component.button.text.accent → semantic.color.text.link → global.color.blue.300 | |||
component.button.text.destructive危险按钮文字 | color | {semantic.color.text.danger} | oklch(0.38 0.095 25)oklch(0.82 0.056 25)引用链浅色component.button.text.destructive → semantic.color.text.danger → global.color.red.800深色component.button.text.destructive → semantic.color.text.danger → global.color.red.300 | |||
component.button.border.outline轮廓按钮边框 | color | {semantic.color.border.default} | oklch(0.82 0.004 255)oklch(0.47 0.01 255)引用链浅色component.button.border.outline → semantic.color.border.default → global.color.neutral.300深色component.button.border.outline → semantic.color.border.default → global.color.neutral.700 | |||
component.segment.background.container分段控制容器 | color | {semantic.color.background.secondary} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.segment.background.container → semantic.color.background.secondary → global.color.neutral.100深色component.segment.background.container → semantic.color.background.secondary → global.color.neutral.800 | |||
component.segment.background.selected分段控制选中背景 | color | {semantic.color.background.raised} | oklch(1 0 0)oklch(0.29 0.003 255)引用链浅色component.segment.background.selected → semantic.color.background.raised → global.color.white深色component.segment.background.selected → semantic.color.background.raised → global.color.neutral.900 | |||
component.segment.background.selectedPressed分段控制选中项按下 | color | {semantic.color.background.pressed} | oklch(0.9 0.002 255)oklch(0.47 0.01 255)引用链浅色component.segment.background.selectedPressed → semantic.color.background.pressed → global.color.neutral.200深色component.segment.background.selectedPressed → semantic.color.background.pressed → global.color.neutral.700 | |||
component.segment.background.hover分段控制悬停 | color | {semantic.color.background.hover} | oklch(0.95 0 255)oklch(0.38 0.007 255)引用链浅色component.segment.background.hover → semantic.color.background.hover → global.color.neutral.100深色component.segment.background.hover → semantic.color.background.hover → global.color.neutral.800 | |||
component.segment.background.pressed分段控制按下 | color | {semantic.color.background.pressed} | oklch(0.9 0.002 255)oklch(0.47 0.01 255)引用链浅色component.segment.background.pressed → semantic.color.background.pressed → global.color.neutral.200深色component.segment.background.pressed → semantic.color.background.pressed → global.color.neutral.700 | |||
component.segment.text.selected分段控制选中文字 | color | {semantic.color.text.primary} | oklch(0.2 0.001 255)oklch(0.98 0 255)引用链浅色component.segment.text.selected → semantic.color.text.primary → global.color.neutral.950深色component.segment.text.selected → semantic.color.text.primary → global.color.neutral.50 | |||
component.segment.text.default分段控制默认文字 | color | {semantic.color.text.secondary} | oklch(0.47 0.01 255)oklch(0.82 0.004 255)引用链浅色component.segment.text.default → semantic.color.text.secondary → global.color.neutral.700深色component.segment.text.default → semantic.color.text.secondary → global.color.neutral.300 | |||
component.segment.border.selected分段控制选中边框 | color | {semantic.color.border.subtle} | oklch(0.9 0.002 255)oklch(0.38 0.007 255)引用链浅色component.segment.border.selected → semantic.color.border.subtle → global.color.neutral.200深色component.segment.border.selected → semantic.color.border.subtle → global.color.neutral.800 | |||
component.segment.shadow.selected分段控制选中层级 | shadow | {semantic.elevation.raised} | 0 0 0 1px oklch(0 0 0 / 0.06), 0 2px 8px oklch(0 0 0 / 0.06)引用链浅色component.segment.shadow.selected → semantic.elevation.raised → global.shadow.raised深色component.segment.shadow.selected → semantic.elevation.raised → global.shadow.raised | Aa | ||
component.segment.radius分段控制圆角 | dimension | {semantic.radius.control} | 0.625rem引用链浅色component.segment.radius → semantic.radius.control → global.radius.md深色component.segment.radius → semantic.radius.control → global.radius.md | Aa | ||
component.segment.height.sm小型分段控制高度 | dimension | {semantic.size.control.sm} | 2.25rem引用链浅色component.segment.height.sm → semantic.size.control.sm → global.size.control.sm深色component.segment.height.sm → semantic.size.control.sm → global.size.control.sm | Aa | ||
component.segment.height.md中型分段控制高度 | dimension | {semantic.size.control.md} | 2.75rem引用链浅色component.segment.height.md → semantic.size.control.md → global.size.control.md深色component.segment.height.md → semantic.size.control.md → global.size.control.md | Aa | ||
component.segment.opacity.disabled分段控制禁用透明度 | number | {semantic.opacity.disabled} | 0.5引用链浅色component.segment.opacity.disabled → semantic.opacity.disabled → global.opacity.disabled深色component.segment.opacity.disabled → semantic.opacity.disabled → global.opacity.disabled | Aa | ||
component.segment.typography.size分段控制字号 | dimension | {semantic.typography.control.md.size} | 0.875rem引用链浅色component.segment.typography.size → semantic.typography.control.md.size → global.typography.size.14深色component.segment.typography.size → semantic.typography.control.md.size → global.typography.size.14 | Aa | ||
component.segment.typography.weight分段控制字重 | fontWeight | {semantic.typography.control.weight} | 600引用链浅色component.segment.typography.weight → semantic.typography.control.weight → global.typography.weight.semibold深色component.segment.typography.weight → semantic.typography.control.weight → global.typography.weight.semibold | Aa | ||
component.segment.typography.leading分段控制行高 | number | {semantic.typography.control.leading} | 1引用链浅色component.segment.typography.leading → semantic.typography.control.leading → global.typography.leading.control深色component.segment.typography.leading → semantic.typography.control.leading → global.typography.leading.control | Aa | ||
component.segment.spacing.inset分段控制内距 | dimension | {semantic.spacing.segmentInset} | 0.25rem引用链浅色component.segment.spacing.inset → semantic.spacing.segmentInset → global.spacing.1深色component.segment.spacing.inset → semantic.spacing.segmentInset → global.spacing.1 | Aa | ||
component.segment.spacing.gap分段控制项目间距 | dimension | {semantic.spacing.segmentGap} | 0.25rem引用链浅色component.segment.spacing.gap → semantic.spacing.segmentGap → global.spacing.1深色component.segment.spacing.gap → semantic.spacing.segmentGap → global.spacing.1 | Aa | ||
component.segment.spacing.itemInline分段控制项目横向内距 | dimension | {semantic.spacing.controlInline.sm} | 0.75rem引用链浅色component.segment.spacing.itemInline → semantic.spacing.controlInline.sm → global.spacing.3深色component.segment.spacing.itemInline → semantic.spacing.controlInline.sm → global.spacing.3 | Aa | ||
component.segment.focus.width分段控制焦点环宽度 | dimension | {semantic.border.focusWidth} | 2px引用链浅色component.segment.focus.width → semantic.border.focusWidth → global.border.focus深色component.segment.focus.width → semantic.border.focusWidth → global.border.focus | Aa | ||
component.segment.motion.duration分段控制动效 | duration | {semantic.motion.interactive} | 120ms引用链浅色component.segment.motion.duration → semantic.motion.interactive → global.motion.duration.fast深色component.segment.motion.duration → semantic.motion.interactive → global.motion.duration.fast | Aa | ||
component.segment.motion.easing分段控制缓动 | cubicBezier | {semantic.motion.easing.standard} | cubic-bezier(0.2, 0, 0, 1)引用链浅色component.segment.motion.easing → semantic.motion.easing.standard → global.motion.easing.standard深色component.segment.motion.easing → semantic.motion.easing.standard → global.motion.easing.standard | Aa |
关系
引用方向
全局原始值→语义角色→组件上下文
校验
构建校验
- 重复名称、缺失引用和循环引用会中断构建。
- 语义层只能引用全局层。
- 组件层只能引用语义层。
- 仅中性组件不能引用强调选中状态。