跳转到内容

主题 token 表

官方组件目录读取的全部主题 token,按定义它们的章分组。每个名字背后的条目给出 token 的角色、回退值与消费它的组件。

token 用途
:ui-fg 目录内容的默认前景。
:ui-bg 应用表面的默认背景。
:ui-border 默认边框与分隔线颜色。
:ui-muted-fg 次级文字的弱化前景。
:ui-accent 强调与选中的强调色。
:ui-accent-fg 与 :ui-accent 配对的前景。
:ui-accent-soft-bg 柔和的强调底色。
:ui-disabled-fg 禁用控件的前景。
:ui-disabled-bg 禁用控件的背景。
:ui-disabled-border 禁用控件的边框色。
:ui-danger-fg 危险状态的前景。
:ui-danger-bg 危险状态的背景。
:ui-danger-border 危险状态的边框。
:ui-warning-fg 警告状态的前景。
:ui-warning-bg 警告状态的背景。
:ui-warning-border 警告状态的边框。
:ui-info-fg 信息状态的前景。
:ui-info-bg 信息状态的背景。
:ui-info-border 信息状态的边框。
:ui-success-fg 成功状态的前景。
:ui-success-bg 成功状态的背景。
:ui-success-border 成功状态的边框。
token 用途
:ui-panel-fg 目录表面的前景。
:ui-panel-bg 目录表面的背景。
:ui-panel-border 目录表面的边框。
token 用途
:ui-progress-track 进度条轨道与占位块的背景。
token 用途
:ui-button-primary-fg primary 按钮的前景。
:ui-button-primary-bg primary 按钮的填充。
:ui-button-primary-hover-bg primary 按钮的悬停填充。
:ui-button-secondary-fg secondary 按钮与选中项的前景。
:ui-button-secondary-bg secondary 按钮与选中项的浅色。
:ui-button-secondary-hover-bg secondary 按钮的悬停浅色。
:ui-button-ghost-fg ghost 按钮的前景。
:ui-button-ghost-hover-bg ghost 按钮的悬停表面。
:ui-checkbox-enabled-fg 启用的 checkbox 的标签颜色。
:ui-checkbox-disabled-fg 禁用的 checkbox 的标签颜色。
:ui-range-fill range 条填充的 accent 色。
:ui-range-track range 条未填充的轨道。
token 用途
:ui-search-bg 搜索框药丸的填充。
:ui-search-fg 搜索框内文字的前景。
token 用途
:ui-pagination-muted-fg 分页摘要行的颜色。
token 用途
:ui-table-border 表头与每个表格行下方的细线。
:ui-table-selected-fg 选中表格行的前景。
:ui-table-selected-bg 选中表格行的背景。
:ui-data-grid-error-fg 数据网格失败或取消时的文本颜色。
token 用途
:ui-window-fg 窗口内容的前景。
:ui-window-bg 窗口或面板表面的背景。
:ui-window-border 窗口或面板周围的框架。
:ui-window-title-bg 窗口标题栏的背景。
:ui-window-title-fg 非活动窗口的标题颜色。
:ui-window-title-active-fg 活动窗口的标题颜色。
token 用途
:ui-shell-bg 桌面栏的背景。
:ui-shell-fg 桌面栏的前景。
:ui-shell-muted-fg 桌面栏上的弱化文字,例如空任务栏的提示与状态区域。
:ui-shell-item-fg 普通窗口或工作区 item 的 caption 颜色。
:ui-shell-item-minimized-fg 最小化窗口 item 的 caption 颜色。
:ui-picker-item-bg 启动器或切换器行的背景。
:ui-picker-item-fg 选择器行的 caption 颜色。
:ui-picker-item-muted-fg 选择器行的描述颜色。
:ui-divider-bg 分隔条或面板缩放器的分隔颜色。
token 用途
:ui-playing-card-bg 普通牌的牌面底色。
:ui-playing-card-black 黑桃或梅花牌的墨色。
:ui-playing-card-red 红桃或方块牌的墨色。
:ui-playing-card-back-bg 背面牌的背景。
:ui-playing-card-back-fg 背面牌的前景。
:ui-playing-card-empty-bg 空牌堆占位的背景。
:ui-playing-card-empty-fg 空牌堆占位符号的颜色。
:ui-playing-card-selected-bg 选中牌的背景。
:ui-playing-card-hover-bg 可交互牌的悬停浅色。