Token 总表设计系统

设计系统

Token 总表

查看 Token 的层级、引用、解析值和使用位置。

总表

全部 Token

727 个 Token

名称类型原始值 / 引用解析值使用组件预览操作
global.color.neutral.50中性 50coloroklch(0.98 0 255)oklch(0.98 0 255)
global.color.neutral.100中性 100coloroklch(0.95 0 255)oklch(0.95 0 255)
global.color.neutral.200中性 200coloroklch(0.9 0.002 255)oklch(0.9 0.002 255)
global.color.neutral.300中性 300coloroklch(0.82 0.004 255)oklch(0.82 0.004 255)
global.color.neutral.400中性 400coloroklch(0.73 0.008 255)oklch(0.73 0.008 255)—
global.color.neutral.500中性 500coloroklch(0.64 0.013 255)oklch(0.64 0.013 255)—
global.color.neutral.600中性 600coloroklch(0.56 0.013 255)oklch(0.56 0.013 255)—
global.color.neutral.700中性 700coloroklch(0.47 0.01 255)oklch(0.47 0.01 255)
global.color.neutral.800中性 800coloroklch(0.38 0.007 255)oklch(0.38 0.007 255)
global.color.neutral.900中性 900coloroklch(0.29 0.003 255)oklch(0.29 0.003 255)
global.color.neutral.950中性 950coloroklch(0.2 0.001 255)oklch(0.2 0.001 255)
global.color.blue.50蓝 50coloroklch(0.98 0.001 261.395)oklch(0.98 0.001 261.395)—
global.color.blue.100蓝 100coloroklch(0.95 0.006 261.395)oklch(0.95 0.006 261.395)
global.color.blue.200蓝 200coloroklch(0.9 0.019 261.395)oklch(0.9 0.019 261.395)
global.color.blue.300蓝 300coloroklch(0.82 0.052 261.395)oklch(0.82 0.052 261.395)
global.color.blue.400蓝 400coloroklch(0.73 0.101 261.395)oklch(0.73 0.101 261.395)—
global.color.blue.500蓝 500coloroklch(0.64 0.158 261.395)oklch(0.64 0.158 261.395)—
global.color.blue.600蓝 600coloroklch(0.56 0.206 261.395)oklch(0.56 0.206 261.395)—
global.color.blue.700蓝 700coloroklch(0.47 0.167 261.395)oklch(0.47 0.167 261.395)
global.color.blue.800蓝 800coloroklch(0.368 0.161 261.395)oklch(0.368 0.161 261.395)
global.color.blue.900蓝 900coloroklch(0.29 0.058 261.395)oklch(0.29 0.058 261.395)
global.color.blue.950蓝 950coloroklch(0.2 0.022 261.395)oklch(0.2 0.022 261.395)
global.color.indigo.50靛青 50coloroklch(0.98 0.001 278)oklch(0.98 0.001 278)—
global.color.indigo.100靛青 100coloroklch(0.95 0.005 278)oklch(0.95 0.005 278)—
global.color.indigo.200靛青 200coloroklch(0.9 0.018 278)oklch(0.9 0.018 278)—
global.color.indigo.300靛青 300coloroklch(0.82 0.05 278)oklch(0.82 0.05 278)—
global.color.indigo.400靛青 400coloroklch(0.73 0.096 278)oklch(0.73 0.096 278)—
global.color.indigo.500靛青 500coloroklch(0.64 0.151 278)oklch(0.64 0.151 278)—
global.color.indigo.600靛青 600coloroklch(0.56 0.197 278)oklch(0.56 0.197 278)—
global.color.indigo.700靛青 700coloroklch(0.47 0.217 278)oklch(0.47 0.217 278)—
global.color.indigo.800靛青 800coloroklch(0.38 0.143 278)oklch(0.38 0.143 278)—
global.color.indigo.900靛青 900coloroklch(0.29 0.075 278)oklch(0.29 0.075 278)—
global.color.indigo.950靛青 950coloroklch(0.2 0.029 278)oklch(0.2 0.029 278)—
global.color.purple.50紫 50coloroklch(0.98 0.001 305)oklch(0.98 0.001 305)—
global.color.purple.100紫 100coloroklch(0.95 0.006 305)oklch(0.95 0.006 305)—
global.color.purple.200紫 200coloroklch(0.9 0.022 305)oklch(0.9 0.022 305)—
global.color.purple.300紫 300coloroklch(0.82 0.059 305)oklch(0.82 0.059 305)—
global.color.purple.400紫 400coloroklch(0.73 0.114 305)oklch(0.73 0.114 305)—
global.color.purple.500紫 500coloroklch(0.64 0.18 305)oklch(0.64 0.18 305)—
global.color.purple.600紫 600coloroklch(0.56 0.223 305)oklch(0.56 0.223 305)—
global.color.purple.700紫 700coloroklch(0.47 0.176 305)oklch(0.47 0.176 305)—
global.color.purple.800紫 800coloroklch(0.38 0.115 305)oklch(0.38 0.115 305)—
global.color.purple.900紫 900coloroklch(0.29 0.061 305)oklch(0.29 0.061 305)—
global.color.purple.950紫 950coloroklch(0.2 0.023 305)oklch(0.2 0.023 305)—
global.color.pink.50粉 50coloroklch(0.98 0.001 350)oklch(0.98 0.001 350)—
global.color.pink.100粉 100coloroklch(0.95 0.006 350)oklch(0.95 0.006 350)—
global.color.pink.200粉 200coloroklch(0.9 0.022 350)oklch(0.9 0.022 350)—
global.color.pink.300粉 300coloroklch(0.82 0.063 350)oklch(0.82 0.063 350)—
global.color.pink.400粉 400coloroklch(0.73 0.129 350)oklch(0.73 0.129 350)—
global.color.pink.500粉 500coloroklch(0.64 0.197 350)oklch(0.64 0.197 350)—
global.color.pink.600粉 600coloroklch(0.56 0.179 350)oklch(0.56 0.179 350)—
global.color.pink.700粉 700coloroklch(0.47 0.141 350)oklch(0.47 0.141 350)—
global.color.pink.800粉 800coloroklch(0.38 0.093 350)oklch(0.38 0.093 350)—
global.color.pink.900粉 900coloroklch(0.29 0.049 350)oklch(0.29 0.049 350)—
global.color.pink.950粉 950coloroklch(0.2 0.019 350)oklch(0.2 0.019 350)—
global.color.red.50红 50coloroklch(0.98 0.001 25)oklch(0.98 0.001 25)—
global.color.red.100红 100coloroklch(0.95 0.006 25)oklch(0.95 0.006 25)
global.color.red.200红 200coloroklch(0.9 0.02 25)oklch(0.9 0.02 25)
global.color.red.300红 300coloroklch(0.82 0.056 25)oklch(0.82 0.056 25)
global.color.red.400红 400coloroklch(0.73 0.114 25)oklch(0.73 0.114 25)—
global.color.red.500红 500coloroklch(0.64 0.191 25)oklch(0.64 0.191 25)—
global.color.red.600红 600coloroklch(0.56 0.183 25)oklch(0.56 0.183 25)—
global.color.red.700红 700coloroklch(0.47 0.145 25)oklch(0.47 0.145 25)
global.color.red.800红 800coloroklch(0.38 0.095 25)oklch(0.38 0.095 25)
global.color.red.900红 900coloroklch(0.29 0.05 25)oklch(0.29 0.05 25)
global.color.red.950红 950coloroklch(0.2 0.019 25)oklch(0.2 0.019 25)
global.color.orange.50橙 50coloroklch(0.98 0.001 55)oklch(0.98 0.001 55)—
global.color.orange.100橙 100coloroklch(0.95 0.006 55)oklch(0.95 0.006 55)—
global.color.orange.200橙 200coloroklch(0.9 0.022 55)oklch(0.9 0.022 55)—
global.color.orange.300橙 300coloroklch(0.82 0.061 55)oklch(0.82 0.061 55)—
global.color.orange.400橙 400coloroklch(0.73 0.117 55)oklch(0.73 0.117 55)—
global.color.orange.500橙 500coloroklch(0.64 0.117 55)oklch(0.64 0.117 55)—
global.color.orange.600橙 600coloroklch(0.56 0.106 55)oklch(0.56 0.106 55)—
global.color.orange.700橙 700coloroklch(0.47 0.084 55)oklch(0.47 0.084 55)—
global.color.orange.800橙 800coloroklch(0.38 0.055 55)oklch(0.38 0.055 55)—
global.color.orange.900橙 900coloroklch(0.29 0.029 55)oklch(0.29 0.029 55)—
global.color.orange.950橙 950coloroklch(0.2 0.011 55)oklch(0.2 0.011 55)—
global.color.yellow.50黄 50coloroklch(0.98 0.002 90)oklch(0.98 0.002 90)—
global.color.yellow.100黄 100coloroklch(0.95 0.012 90)oklch(0.95 0.012 90)—
global.color.yellow.200黄 200coloroklch(0.9 0.042 90)oklch(0.9 0.042 90)—
global.color.yellow.300黄 300coloroklch(0.82 0.08 90)oklch(0.82 0.08 90)—
global.color.yellow.400黄 400coloroklch(0.73 0.088 90)oklch(0.73 0.088 90)—
global.color.yellow.500黄 500coloroklch(0.64 0.088 90)oklch(0.64 0.088 90)—
global.color.yellow.600黄 600coloroklch(0.56 0.08 90)oklch(0.56 0.08 90)—
global.color.yellow.700黄 700coloroklch(0.47 0.063 90)oklch(0.47 0.063 90)—
global.color.yellow.800黄 800coloroklch(0.38 0.041 90)oklch(0.38 0.041 90)—
global.color.yellow.900黄 900coloroklch(0.29 0.022 90)oklch(0.29 0.022 90)—
global.color.yellow.950黄 950coloroklch(0.2 0.008 90)oklch(0.2 0.008 90)—
global.color.green.50绿 50coloroklch(0.98 0.003 150)oklch(0.98 0.003 150)—
global.color.green.100绿 100coloroklch(0.95 0.017 150)oklch(0.95 0.017 150)—
global.color.green.200绿 200coloroklch(0.9 0.062 150)oklch(0.9 0.062 150)—
global.color.green.300绿 300coloroklch(0.82 0.113 150)oklch(0.82 0.113 150)—
global.color.green.400绿 400coloroklch(0.73 0.124 150)oklch(0.73 0.124 150)—
global.color.green.500绿 500coloroklch(0.64 0.124 150)oklch(0.64 0.124 150)—
global.color.green.600绿 600coloroklch(0.56 0.113 150)oklch(0.56 0.113 150)—
global.color.green.700绿 700coloroklch(0.47 0.089 150)oklch(0.47 0.089 150)—
global.color.green.800绿 800coloroklch(0.38 0.059 150)oklch(0.38 0.059 150)—
global.color.green.900绿 900coloroklch(0.29 0.031 150)oklch(0.29 0.031 150)—
global.color.green.950绿 950coloroklch(0.2 0.012 150)oklch(0.2 0.012 150)—
global.color.mint.50薄荷 50coloroklch(0.98 0.003 170)oklch(0.98 0.003 170)—
global.color.mint.100薄荷 100coloroklch(0.95 0.014 170)oklch(0.95 0.014 170)—
global.color.mint.200薄荷 200coloroklch(0.9 0.049 170)oklch(0.9 0.049 170)—
global.color.mint.300薄荷 300coloroklch(0.82 0.073 170)oklch(0.82 0.073 170)—
global.color.mint.400薄荷 400coloroklch(0.73 0.081 170)oklch(0.73 0.081 170)—
global.color.mint.500薄荷 500coloroklch(0.64 0.081 170)oklch(0.64 0.081 170)—
global.color.mint.600薄荷 600coloroklch(0.56 0.074 170)oklch(0.56 0.074 170)—
global.color.mint.700薄荷 700coloroklch(0.47 0.058 170)oklch(0.47 0.058 170)—
global.color.mint.800薄荷 800coloroklch(0.38 0.038 170)oklch(0.38 0.038 170)—
global.color.mint.900薄荷 900coloroklch(0.29 0.02 170)oklch(0.29 0.02 170)—
global.color.mint.950薄荷 950coloroklch(0.2 0.008 170)oklch(0.2 0.008 170)—
global.color.teal.50青绿 50coloroklch(0.98 0.003 195)oklch(0.98 0.003 195)—
global.color.teal.100青绿 100coloroklch(0.95 0.014 195)oklch(0.95 0.014 195)—
global.color.teal.200青绿 200coloroklch(0.9 0.048 195)oklch(0.9 0.048 195)—
global.color.teal.300青绿 300coloroklch(0.82 0.063 195)oklch(0.82 0.063 195)—
global.color.teal.400青绿 400coloroklch(0.73 0.07 195)oklch(0.73 0.07 195)—
global.color.teal.500青绿 500coloroklch(0.64 0.07 195)oklch(0.64 0.07 195)—
global.color.teal.600青绿 600coloroklch(0.56 0.063 195)oklch(0.56 0.063 195)—
global.color.teal.700青绿 700coloroklch(0.47 0.05 195)oklch(0.47 0.05 195)—
global.color.teal.800青绿 800coloroklch(0.38 0.033 195)oklch(0.38 0.033 195)—
global.color.teal.900青绿 900coloroklch(0.29 0.017 195)oklch(0.29 0.017 195)—
global.color.teal.950青绿 950coloroklch(0.2 0.007 195)oklch(0.2 0.007 195)—
global.color.cyan.50青 50coloroklch(0.98 0.001 220)oklch(0.98 0.001 220)—
global.color.cyan.100青 100coloroklch(0.95 0.007 220)oklch(0.95 0.007 220)—
global.color.cyan.200青 200coloroklch(0.9 0.023 220)oklch(0.9 0.023 220)—
global.color.cyan.300青 300coloroklch(0.82 0.063 220)oklch(0.82 0.063 220)—
global.color.cyan.400青 400coloroklch(0.73 0.078 220)oklch(0.73 0.078 220)—
global.color.cyan.500青 500coloroklch(0.64 0.078 220)oklch(0.64 0.078 220)—
global.color.cyan.600青 600coloroklch(0.56 0.071 220)oklch(0.56 0.071 220)—
global.color.cyan.700青 700coloroklch(0.47 0.056 220)oklch(0.47 0.056 220)—
global.color.cyan.800青 800coloroklch(0.38 0.037 220)oklch(0.38 0.037 220)—
global.color.cyan.900青 900coloroklch(0.29 0.019 220)oklch(0.29 0.019 220)—
global.color.cyan.950青 950coloroklch(0.2 0.007 220)oklch(0.2 0.007 220)—
global.color.white纯白coloroklch(1 0 0)oklch(1 0 0)
global.color.black纯黑coloroklch(0 0 0)oklch(0 0 0)—
global.color.transparent透明coloroklch(0 0 0 / 0)oklch(0 0 0 / 0)
global.color.scrim遮罩coloroklch(0 0 0 / 0.72)oklch(0 0 0 / 0.72)—
global.typography.family.sans界面字体栈fontFamilyui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "Segoe UI", "PingFang SC", sans-serifui-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.1212pxdimension0.75rem0.75rem—Aa
global.typography.size.1313pxdimension0.8125rem0.8125remAa
global.typography.size.1414pxdimension0.875rem0.875remAa
global.typography.size.1616pxdimension1rem1remAa
global.typography.size.1818pxdimension1.125rem1.125rem—Aa
global.typography.size.2020pxdimension1.25rem1.25rem—Aa
global.typography.size.2424pxdimension1.5rem1.5rem—Aa
global.typography.size.3232pxdimension2rem2rem—Aa
global.typography.size.4032–40pxdimensionclamp(2rem, 3vw, 2.5rem)clamp(2rem, 3vw, 2.5rem)—Aa
global.typography.size.4840–48pxdimensionclamp(2.5rem, 4vw, 3rem)clamp(2.5rem, 4vw, 3rem)—Aa
global.typography.size.6448–64pxdimensionclamp(3rem, 6vw, 4rem)clamp(3rem, 6vw, 4rem)—Aa
global.typography.size.8056–80pxdimensionclamp(3.5rem, 8vw, 5rem)clamp(3.5rem, 8vw, 5rem)—Aa
global.typography.size.9664–96pxdimensionclamp(4rem, 10vw, 6rem)clamp(4rem, 10vw, 6rem)—Aa
global.typography.weight.regular常规fontWeight400400—Aa
global.typography.weight.medium中等fontWeight500500—Aa
global.typography.weight.semibold半粗fontWeight600600Aa
global.typography.weight.bold粗体fontWeight700700—Aa
global.typography.leading.display展示行高number1.051.05—Aa
global.typography.leading.control控件行高number11Aa
global.typography.leading.heading标题行高number1.21.2—Aa
global.typography.leading.compact紧凑行高number1.351.35—Aa
global.typography.leading.body正文行高number1.61.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正文字距dimension00—Aa
global.typography.tracking.label标签字距dimension0.04em0.04em—Aa
global.spacing.0间距 0dimension00—Aa
global.spacing.1间距 1dimension0.25rem0.25remAa
global.spacing.2间距 2dimension0.5rem0.5remAa
global.spacing.3间距 3dimension0.75rem0.75remAa
global.spacing.4间距 4dimension1rem1remAa
global.spacing.5间距 5dimension1.25rem1.25remAa
global.spacing.6间距 6dimension1.5rem1.5rem—Aa
global.spacing.8间距 8dimension2rem2rem—Aa
global.spacing.10间距 10dimension2.5rem2.5rem—Aa
global.spacing.12间距 12dimension3rem3rem—Aa
global.spacing.16间距 16dimension4rem4rem—Aa
global.spacing.20间距 20dimension5rem5rem—Aa
global.spacing.24间距 24dimension6rem6rem—Aa
global.spacing.32间距 32dimension8rem8rem—Aa
global.spacing.40间距 40dimension10rem10rem—Aa
global.size.control.sm小型控件 36pxdimension2.25rem2.25remAa
global.size.control.md中型控件 44pxdimension2.75rem2.75remAa
global.size.control.lg大型控件 52pxdimension3.25rem3.25remAa
global.size.hitTarget推荐触控命中区域 44pxdimension2.75rem2.75rem—Aa
global.layout.shell页面最大宽度dimension90rem90rem—Aa
global.layout.readable正文最大行宽dimension68ch68ch—Aa
global.layout.sidebar文档侧边栏宽度dimension17rem17rem—Aa
global.layout.toc页内目录宽度dimension12rem12rem—Aa
global.layout.breakpoint.docs文档三栏断点dimension72rem72rem—Aa
global.radius.sm小圆角dimension0.375rem0.375rem—Aa
global.radius.md控件圆角dimension0.625rem0.625remAa
global.radius.lg卡片圆角dimension0.875rem0.875rem—Aa
global.radius.xl面板圆角dimension1.25rem1.25rem—Aa
global.radius.pill胶囊圆角dimension999px999px—Aa
global.border.thin结构边框dimension1px1px—Aa
global.border.focus焦点边框dimension2px2pxAa
global.shadow.raised浮起表面shadow0 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浮层表面shadow0 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高频状态变化duration120ms120msAa
global.motion.duration.normal展开与关闭duration200ms200ms—Aa
global.motion.duration.slow低频界面转换duration320ms320ms—Aa
global.motion.duration.loadingCycle循环加载动效duration800ms800msAa
global.motion.easing.standard标准缓动cubicBeziercubic-bezier(0.2, 0, 0, 1)cubic-bezier(0.2, 0, 0, 1)Aa
global.motion.scale.press按压缩放number0.960.96Aa
global.icon.size.sm小图标dimension1rem1rem—Aa
global.icon.size.md中图标dimension1.25rem1.25rem—Aa
global.icon.size.lg大图标dimension1.5rem1.5rem—Aa
global.icon.stroke.regular常规描边number1.51.5Aa
global.icon.stroke.strong强调描边number22—Aa
global.opacity.disabled禁用透明度number0.50.5Aa
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

关系

引用方向

全局原始值语义角色组件上下文

校验

构建校验

  • 重复名称、缺失引用和循环引用会中断构建。
  • 语义层只能引用全局层。
  • 组件层只能引用语义层。
  • 仅中性组件不能引用强调选中状态。
设计系统