令牌参考

下表由 tokens/*.json 在构建期自动渲染（resolve 烘焙后的最终值）。ref 引用已展开为字面值，暗色列为 color-dark.json 的覆盖结果。

共 226 个令牌

button

令牌	类型	明色	暗色	说明
button.borderRadius	dimension	2px	—	按钮圆角跟随全局圆角
button.borderWidth	dimension	1px	—	原生新增
button.focusRingOffset	dimension	2px	—	原生新增
button.focusRingWidth	dimension	2px	—	原生新增
button.fontSize.large	dimension	16px	—
button.fontSize.medium	dimension	14px	—
button.fontSize.small	dimension	13px	—
button.fontWeight	number	400	—
button.height.large	dimension	48px	—	原生新增大号按钮高度
button.height.medium	dimension	40px	—	原生新增中号按钮高度（默认）
button.height.small	dimension	32px	—	原生新增小号按钮高度
button.iconSize.large	dimension	20px	—	原生新增
button.iconSize.medium	dimension	18px	—	原生新增
button.iconSize.small	dimension	16px	—	原生新增
button.paddingHorizontal.large	dimension	24px	—	原生新增
button.paddingHorizontal.medium	dimension	20px	—	原生新增
button.paddingHorizontal.small	dimension	16px	—	原生新增

cell

令牌	类型	明色	暗色	说明
cell.borderWidth	dimension	1px	—	原生新增底部分隔线宽度
cell.fontSizeLabel	dimension	13px	—	说明文字字号
cell.fontSizeTitle	dimension	14px	—	标题字号
cell.fontSizeValue	dimension	14px	—	右侧值字号
cell.gap	dimension	8px	—	标题与说明文字之间的垂直间距
cell.paddingHorizontal	dimension	16px	—	单元格左右内边距
cell.paddingVertical	dimension	8px	—	单元格上下内边距

checkbox

令牌	类型	明色	暗色	说明
checkbox.borderRadius	dimension	2px	—	复选框圆角
checkbox.borderWidth	dimension	2px	—	原生新增
checkbox.checkWidth	dimension	2px	—	原生新增勾形描边宽度
checkbox.dashScale	dimension	50%	—	原生新增不确定态横杠相对方框的宽度比例
checkbox.gap	dimension	8px	—	复选框与文字之间的间距
checkbox.size.large	dimension	24px	—	原生新增大号复选框尺寸
checkbox.size.medium	dimension	20px	—	原生新增中号复选框尺寸（默认）
checkbox.size.small	dimension	16px	—	原生新增小号复选框尺寸

color

令牌	类型	明色	暗色	说明
color.background.default	color	#FAF6F0	#2A2520	组件底色（宣纸色）
color.background.disabled	color	#EDE8E0	#242018
color.background.overlay	color	rgba(26, 26, 26, 0.4)	rgba(10, 8, 6, 0.7)	遮罩层底色
color.background.page	color	#F5F0EB	#1E1A16	页面底色
color.border.base	color	#D8D3CC	#3A3530	基础描边
color.border.extraLight	color	#F5F0EB	#242018
color.border.light	color	#E5E0D8	#302B28
color.border.lighter	color	#EEE9E2	#2A2520
color.danger.active	color	#9A3030	#B23A3A
color.danger.bg	color	#FDF0F0	#2A1A1A
color.danger.default	color	#B23A3A	#C45050	危险色（朱砂 — 印泥朱红）
color.danger.hover	color	#C45050	#D46060
color.decoration	color	rgba(184, 134, 11, 0.12)	rgba(212, 168, 67, 0.08)	花纹装饰色
color.disabled.bg	color	#EDE8E0	#332D27	禁用底色
color.disabled.border	color	#E5E0D8	#3A3530	禁用描边色
color.disabled.text	color	#C8C8C8	#5A5250	禁用文字色
color.focus	color	#2B4C7C	#7FA6D9	键盘焦点环色，默认跟随主色
color.gold.active	color	#9A7208	#B8860B
color.gold.bg	color	#FBF6EA	#2A241A
color.gold.border	color	#FDFAF3	#3A2E1A
color.gold.default	color	#B8860B	#D4A843	金色点缀（华贵古韵）
color.gold.hover	color	#D4A843	#E8C35C
color.hoverBg	color	rgba(0, 0, 0, 0.05)	rgba(255, 255, 255, 0.08)	列表/面板项的中性悬停底色
color.info.active	color	#6A6A6A	#7A7A7A
color.info.bg	color	#F2F2F2	#1A1A1A
color.info.default	color	#7A7A7A	#8F8F8F	信息色（黛色 — 水墨淡彩）
color.info.hover	color	#8F8F8F	#A0A0A0
color.ink	color	#1A1A1A	#4A4540	中性黑（墨）
color.jade.active	color	#4B7A4A	#5B8C5A
color.jade.bg	color	#EDF5EC	#1A2A1A
color.jade.default	color	#5B8C5A	#7AAE7A	玉色（翠竹清雅）
color.jade.hover	color	#7AAE7A	#9CC89C
color.onPrimary	color	#FFFFFF	—	主色底上的文字色（浅主色预设不应写死白字）
color.primary.active	color	#1F3A5F	#2B4C7C	主色按压/选中文字
color.primary.bg	color	#E8EDF3	rgba(61, 100, 158, 0.25)	主色浅底（选中态底色）
color.primary.border	color	#D4DCE8	#2A3A4A	主色描边
color.primary.default	color	#2B4C7C	#3D649E	主色（靛蓝 — 青花瓷之蓝）
color.primary.hover	color	#3D649E	#5078AB	主色悬停
color.selected	color	#1F3A5F	#B1C1D8	选中态文字色，跟随主色按压变体
color.success.active	color	#4B7A4A	#5B8C5A
color.success.bg	color	#EDF5EC	#1A2A1A
color.success.default	color	#5B8C5A	#6FA36E	成功色（松花绿 — 竹影青翠）
color.success.hover	color	#6FA36E	#82B581
color.surface	color	#FAF6F0	#242018	中性白（宣纸白）
color.text.disabled	color	#C8C8C8	#5A5250	禁用文字
color.text.placeholder	color	#B0B0B0	#7A7270	占位文字
color.text.primary	color	#2C2C2C	#E8E0D8	主要文字
color.text.regular	color	#5A5A5A	#C8C0B8	常规文字
color.text.secondary	color	#8A8A8A	#A09890	次要文字
color.vermilion.active	color	#A92E26	#C43A31
color.vermilion.bg	color	#FDF0EE	#2A1A18
color.vermilion.default	color	#C43A31	#E85D4A	朱砂点缀（印泥朱红）
color.vermilion.hover	color	#E85D4A	#FF7B6B
color.warning.active	color	#B3924A	#C4A35A
color.warning.bg	color	#FBF6EA	#2A251A
color.warning.default	color	#C4A35A	#D4B76F	警告色（藤黄 — 秋叶金黄）
color.warning.hover	color	#D4B76F	#E0C680

dialog

令牌	类型	明色	暗色	说明
dialog.borderRadius	dimension	2px	—	对话框圆角
dialog.contentFontSize	dimension	14px	—	内容字号
dialog.gap	dimension	12px	—	标题与内容的间距
dialog.paddingHorizontal	dimension	20px	—	对话框左右内边距
dialog.paddingVertical	dimension	20px	—	对话框上下内边距
dialog.titleFontSize	dimension	16px	—	标题字号
dialog.width	dimension	320px	—	原生新增对话框内容卡宽度

docs

令牌	类型	明色	暗色	说明
docs.card.background	color	#FAF6F0	#242018	卡片底色
docs.card.borderColor	color	#EEE9E2	#2A2520	卡片描边色
docs.card.borderRadius	dimension	8px	—
docs.card.borderWidth	dimension	1px	—
docs.card.padding	dimension	16px	—
docs.code.background	color	#FAF6F0	#2A2520	代码块底色
docs.code.borderRadius	dimension	4px	—	代码块圆角
docs.code.fontFamily	string	'Source Code Pro', 'JetBrains Mono', 'Consolas', 'Courier New', monospace	—	代码块等宽字体栈，各端取首个可用族
docs.code.fontSize	dimension	13px	—	代码块字号
docs.code.paddingX	dimension	12px	—
docs.code.paddingY	dimension	12px	—
docs.code.textColor	color	#5A5A5A	#C8C0B8	代码块文字色
docs.heading.color	color	#2C2C2C	#E8E0D8	标题文字色
docs.heading.fontSizeH1	dimension	20px	—	一级标题（页面标题）
docs.heading.fontSizeH2	dimension	18px	—	二级标题（章节）
docs.heading.fontSizeH3	dimension	16px	—	三级标题（小节）
docs.prose.fontSize	dimension	14px	—	正文字号
docs.prose.secondaryColor	color	#8A8A8A	#A09890	次要说明文字色
docs.prose.textColor	color	#5A5A5A	#C8C0B8	正文文字色
docs.table.borderColor	color	#EEE9E2	#2A2520	表格分割线色
docs.table.borderWidth	dimension	1px	—	表格分割线宽
docs.table.cellPaddingX	dimension	12px	—
docs.table.cellPaddingY	dimension	8px	—
docs.table.fontSize	dimension	13px	—	表格文字字号
docs.table.headerBg	color	#F5F0EB	#1E1A16	表头行底色
docs.table.headerTextColor	color	#2C2C2C	#E8E0D8	表头行文字色

icon

令牌	类型	明色	暗色	说明
icon.size.large	dimension	24px	—	原生新增大号图标尺寸
icon.size.medium	dimension	20px	—	原生新增中号图标尺寸（默认）
icon.size.small	dimension	16px	—	原生新增小号图标尺寸

input

令牌	类型	明色	暗色	说明
input.borderRadius	dimension	2px	—	输入框圆角
input.borderWidth	dimension	1px	—	原生新增
input.clearIconSize	dimension	16px	—	原生新增清除按钮图标尺寸
input.focusRingWidth	dimension	2px	—	原生新增聚焦时的描边宽度
input.fontSize.large	dimension	16px	—
input.fontSize.medium	dimension	14px	—
input.fontSize.small	dimension	13px	—
input.height.large	dimension	48px	—	原生新增大号输入框高度
input.height.medium	dimension	40px	—	原生新增中号输入框高度（默认）
input.height.small	dimension	32px	—	原生新增小号输入框高度
input.paddingHorizontal.large	dimension	20px	—	原生新增
input.paddingHorizontal.medium	dimension	16px	—	原生新增
input.paddingHorizontal.small	dimension	12px	—	原生新增

loading

令牌	类型	明色	暗色	说明
loading.size.large	dimension	24px	—	原生新增大号加载指示器直径
loading.size.medium	dimension	20px	—	原生新增中号加载指示器直径（默认）
loading.size.small	dimension	16px	—	原生新增小号加载指示器直径
loading.strokeWidth	dimension	2px	—	原生新增加载环描边宽度

motion

令牌	类型	明色	暗色	说明
motion.duration.base	duration	0.3s	—
motion.duration.fast	duration	0.25s	—
motion.duration.slow	duration	0.4s	—
motion.easing.easeInOut	cubicBezier	[0.4, 0, 0.2, 1]	—	标准缓动 cubic-bezier(0.4, 0, 0.2, 1)

navbar

令牌	类型	明色	暗色	说明
navbar.borderWidth	dimension	1px	—	原生新增
navbar.height	dimension	44px	—	原生新增导航栏高度
navbar.iconSize	dimension	20px	—	原生新增左右图标尺寸
navbar.paddingHorizontal	dimension	12px	—	导航栏左右内边距
navbar.titleFontSize	dimension	16px	—	标题字号

picker

令牌	类型	明色	暗色	说明
picker.borderRadius	dimension	2px	—	面板顶部圆角
picker.height	dimension	260px	—	原生新增选择器面板高度
picker.itemFontSize	dimension	14px	—	候选项字号
picker.itemHeight	dimension	40px	—	原生新增候选项高度（滚轮单页高度）
picker.toolbarHeight	dimension	44px	—	原生新增顶部工具栏高度

radio

令牌	类型	明色	暗色	说明
radio.dotScale	dimension	50%	—	原生新增内圆点相对外环直径的比例（分数）
radio.gap	dimension	8px	—	单选框与文字之间的间距
radio.ringWidth	dimension	2px	—	原生新增外环描边宽度
radio.size.large	dimension	24px	—	原生新增大号单选框尺寸
radio.size.medium	dimension	20px	—	原生新增中号单选框尺寸（默认）
radio.size.small	dimension	16px	—	原生新增小号单选框尺寸

radius

令牌	类型	明色	暗色	说明
radius.base	dimension	2px	—
radius.circle	dimension	50%	—	正圆，各端取 min(宽,高)/2
radius.round	dimension	20px	—	胶囊圆角
radius.small	dimension	2px	—

shadow

令牌	类型	明色	暗色	说明
shadow.base	shadow	0px 2px 12px 0px rgba(26, 26, 26, 0.08)	—
shadow.light	shadow	0px 2px 4px 0px rgba(26, 26, 26, 0.06)	—
shadow.lighter	shadow	0px 0px 4px 0px rgba(26, 26, 26, 0.04)	—

spacing

令牌	类型	明色	暗色	说明
spacing.base	dimension	16px	—
spacing.lg	dimension	20px	—
spacing.md	dimension	12px	—
spacing.sm	dimension	8px	—
spacing.xl	dimension	24px	—
spacing.xs	dimension	4px	—
spacing.xxl	dimension	32px	—

switch

令牌	类型	明色	暗色	说明
switch.gap	dimension	2px	—	原生新增滑块与轨道之间的留白
switch.height.large	dimension	28px	—	原生新增大号开关高度
switch.height.medium	dimension	24px	—	原生新增中号开关高度（默认）
switch.height.small	dimension	20px	—	原生新增小号开关高度
switch.width.large	dimension	52px	—	原生新增大号开关宽度
switch.width.medium	dimension	44px	—	原生新增中号开关宽度（默认）
switch.width.small	dimension	36px	—	原生新增小号开关宽度

tag

令牌	类型	明色	暗色	说明
tag.borderRadius	dimension	2px	—	标签圆角（round 态由组件按高度一半计算）
tag.borderWidth	dimension	1px	—	原生新增
tag.fontSize.large	dimension	14px	—
tag.fontSize.medium	dimension	13px	—
tag.fontSize.small	dimension	12px	—
tag.height.large	dimension	28px	—	原生新增大号标签高度
tag.height.medium	dimension	24px	—	原生新增中号标签高度（默认）
tag.height.small	dimension	20px	—	原生新增小号标签高度
tag.paddingHorizontal.large	dimension	16px	—	原生新增
tag.paddingHorizontal.medium	dimension	12px	—	原生新增
tag.paddingHorizontal.small	dimension	8px	—	原生新增

textarea

令牌	类型	明色	暗色	说明
textarea.borderRadius	dimension	2px	—	多行输入框圆角
textarea.borderWidth	dimension	1px	—	原生新增
textarea.countFontSize	dimension	12px	—	字数统计字号
textarea.focusRingWidth	dimension	2px	—	原生新增聚焦时的描边宽度
textarea.fontSize	dimension	14px	—	多行输入框字号
textarea.minHeight	dimension	72px	—	原生新增无内容时的最小高度（约三行）
textarea.paddingHorizontal	dimension	12px	—	多行输入框左右内边距
textarea.paddingVertical	dimension	12px	—	多行输入框上下内边距
textarea.textInset	dimension	6px	—	原生新增TextEditor 文本容器内嵌补偿（SwiftUI 固定行为，叠加占位文字与字数统计定位用）

toast

令牌	类型	明色	暗色	说明
toast.borderRadius	dimension	2px	—	提示圆角
toast.fontSize	dimension	14px	—	提示文字字号
toast.gap	dimension	8px	—	类型色点与文字之间的间距
toast.paddingHorizontal	dimension	16px	—	提示左右内边距
toast.paddingVertical	dimension	8px	—	提示上下内边距

typography

令牌	类型	明色	暗色	说明
typography.fontFamily	string	'Noto Serif SC', 'STSong', 'SimSun', 'Source Han Serif SC', 'PingFang SC', 'Microsoft YaHei', serif	—	国风衬线字体栈，各端取首个可用族
typography.fontSize.base	dimension	14px	—	正文基准字号
typography.fontSize.extraLarge	dimension	20px	—	字号 特大
typography.fontSize.extraSmall	dimension	12px	—
typography.fontSize.large	dimension	18px	—
typography.fontSize.medium	dimension	16px	—
typography.fontSize.small	dimension	13px	—
typography.fontWeight.bold	number	600	—	加粗字重
typography.fontWeight.primary	number	400	—	常规字重
typography.lineHeight.primary	number	1.8	—	正文行高

zIndex

令牌	类型	明色	暗色	说明
zIndex.dropdown	number	1000	—
zIndex.fixed	number	1030	—
zIndex.modal	number	1050	—
zIndex.modalBackdrop	number	1040	—
zIndex.normal	number	1	—
zIndex.popover	number	1060	—
zIndex.sticky	number	1020	—
zIndex.toast	number	2000	—	原生新增原生血脉新增：轻提示层级（web 血脉对应 tooltip 位）