主题 token 表
官方组件目录读取的全部主题 token,按定义它们的章分组。每个名字背后的条目给出 token 的角色、回退值与消费它的组件。
组件样式与主题
Section titled “组件样式与主题”| 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 |
进度条轨道与占位块的背景。 |
按钮与选择控件
Section titled “按钮与选择控件”| 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 条未填充的轨道。 |
文本输入控件
Section titled “文本输入控件”| 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 |
活动窗口的标题颜色。 |
桌面导航与平铺
Section titled “桌面导航与平铺”| 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 |
分隔条或面板缩放器的分隔颜色。 |
格子与字符表面
Section titled “格子与字符表面”| 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 |
可交互牌的悬停浅色。 |