|
Download docs/zh/customization/themes.md from SaylorTwift/kimi-code: direct link, hf CLI and curl.
- Browser
- Download file 5.89 kB
-
https://huggingface.co/SaylorTwift/kimi-code/resolve/main/docs/zh/customization/themes.md
- Command line
-
hf download hf://SaylorTwift/kimi-code/docs/zh/customization/themes.md
-
curl -L -o themes.md https://huggingface.co/SaylorTwift/kimi-code/resolve/main/docs/zh/customization/themes.md
5.89 kB
| # 自定义主题 | |
| Kimi Code CLI 可以使用内置配色,也可以使用自定义 JSON 主题文件。自定义文件放在主题目录下,会和内置选项一起出现在 `/theme` 里。 | |
| ## 内置颜色 token | |
| 自定义主题可以覆盖下面这些 token。`dark` 和 `light` 两列展示内置值;`auto` 会在启动时解析为其中一个调色板,如果无法检测终端背景,则回退到 `dark`。 | |
| | Token | `dark` | `light` | 控制什么 | | |
| | --- | --- | --- | --- | | |
| | `primary` | `#4FA8FF` | `#1565C0` | 最常用色。链接、行内代码、对话框选中项、聚焦边框、徽章、spinner | | |
| | `accent` | `#5BC0BE` | `#00838F` | 次级强调。审批 `▶` 前缀、设备码框、图片占位、面板、注册表导入 | | |
| | `text` | `#E0E0E0` | `#1A1A1A` | 正文。对话框正文、todo 标题、footer 模型名、Markdown 标题、列表符号 | | |
| | `textStrong` | `#F5F5F5` | `#1A1A1A` | 加粗强调文字。输入类对话框、状态消息 | | |
| | `textDim` | `#888888` | `#454545` | 次级、变暗文字。思考、提示、已完成 todo、Markdown 引用、footer 状态栏 | | |
| | `textMuted` | `#6B6B6B` | `#5F5F5F` | 最浅文字。计数、滚动信息、Markdown 链接 URL、代码块边框 | | |
| | `border` | `#5A5A5A` | `#737373` | 面板与编辑器的普通边框、Markdown 分隔线 | | |
| | `borderFocus` | `#E8A838` | `#92660A` | 聚焦/注意边框,目前仅审批面板使用 | | |
| | `success` | `#4EC87E` | `#0E7A38` | 成功态。`✓`、已启用、完成 | | |
| | `warning` | `#E8A838` | `#92660A` | 警告态。auto/yolo 徽章、过期标记、Plan 模式提示 | | |
| | `error` | `#E85454` | `#B91C1C` | 错误态。错误信息、失败的工具输出 | | |
| | `diffAdded` | `#4EC87E` | `#0E7A38` | diff 新增行 | | |
| | `diffRemoved` | `#E85454` | `#B91C1C` | diff 删除行 | | |
| | `diffAddedStrong` | `#7AD99B` | `#0E7A38` | diff 行内改动的新增词(加粗高亮) | | |
| | `diffRemovedStrong` | `#F08585` | `#B91C1C` | diff 行内改动的删除词(加粗高亮) | | |
| | `diffGutter` | `#6B6B6B` | `#737373` | diff 行号槽 | | |
| | `diffMeta` | `#888888` | `#5F5F5F` | diff 元信息 / hunk 头 | | |
| | `roleUser` | `#FFCB6B` | `#9A4A00` | 用户消息的子弹头与文字、技能激活名 | | |
| | `shellMode` | `#BD93F9` | `#7C3AED` | Shell 模式(`!`)的提示符、编辑器边框、回显的命令行 | | |
| ## 使用 custom-theme skill | |
| 你不需要手写 JSON。运行内置的 `/custom-theme [附加文本]` skill 进入自定义主题流程:它会帮你选颜色,把文件写到 `~/.kimi-code/themes/`,校验十六进制色值,并告诉你如何应用。 | |
| 调用示例: | |
| - `/custom-theme Create a warm dark theme with amber accents.` | |
| - `/custom-theme Make a light theme based on Solarized, but keep errors easy to see.` | |
| - `/custom-theme Tweak my ember theme so diffs have higher contrast.` | |
| 激活后,skill 通常会先问你想用浅色还是深色基准、偏好的风格或调色板,以及是否有必须包含的精确颜色。如果用它编辑已有主题,确保它先读取并备份文件,再覆盖写入。 | |
| ## 创建一个主题 | |
| 在主题目录下新建一个 `.json` 文件即可。主题目录是: | |
| - `~/.kimi-code/themes/` | |
| - 如果设置了 `KIMI_CODE_HOME` 环境变量,则是 `$KIMI_CODE_HOME/themes/` | |
| 目录不存在就自己建一个。文件名就是主题名:`ember.json` 会在 `/theme` 里显示为 `Custom: ember`。 | |
| 一个最小的主题只需要写你想改的颜色,其余自动沿用基准调色板(默认是 `dark`): | |
| ```json | |
| { | |
| "name": "ember", | |
| "colors": { | |
| "primary": "#83A598", | |
| "accent": "#FE8019" | |
| } | |
| } | |
| ``` | |
| 字段说明: | |
| - `name`(必填):主题的标识名。 | |
| - `displayName`(可选):人类可读的名字。 | |
| - `base`(可选):未指定的 token 沿用哪个内置调色板,`"dark"`(默认)或 `"light"`。做浅色主题时设为 `"light"`,否则未写的 token 会沿用 dark 调色板,在浅色背景上可能不可读。 | |
| - `colors`(可选):要覆盖的颜色 token,值是 6 位十六进制色值(如 `#FE8019`)。 | |
| 使用 [内置颜色 token](#内置颜色-token) 里的 token 名。没有写到的 token 会自动回退到所选基准调色板的对应值,所以你完全可以只覆盖一部分: | |
| ```json | |
| { | |
| "name": "just-blue", | |
| "colors": { | |
| "primary": "#3B82F6", | |
| "roleUser": "#3B82F6" | |
| } | |
| } | |
| ``` | |
| ## 选用主题 | |
| 两种方式: | |
| 1. **`/theme` 命令**(推荐):打开主题选择器,自定义主题会以 `Custom: <文件名>` 出现。选择器每次打开都会重新扫描主题目录,新加的主题文件无需重启就能看到。 | |
| 2. **[`tui.toml`](../configuration/config-files.md#tuitoml)**:把 `theme` 设成你的主题名: | |
| ```toml | |
| # ~/.kimi-code/tui.toml | |
| theme = "ember" | |
| ``` | |
| ## 出错时会怎样 | |
| 自定义主题的设计原则是"尽量别打断你": | |
| - **某个色值不合法**(不是 `#` 加 6 位十六进制):静默跳过这一项,并回退到所选基准调色板,其余颜色照常生效。 | |
| - **写了无法识别的 token**:忽略,不影响其它颜色。 | |
| - **自定义主题文件不存在或 JSON 损坏**:静默回退到内置 `dark` 调色板,不会再尝试 `auto`。 | |
| ## 编辑正在使用的主题 | |
| 如果你修改的是当前正在生效的主题文件,改动不会自动重新加载。让新颜色生效有两种办法: | |
| - 运行 `/reload-tui`,它会重新读取 `tui.toml` 并重新应用当前主题(包括重新读取主题文件); | |
| - 或者在 `/theme` 里先切到另一个主题,再切回来。 | |
| ::: warning 注意 | |
| 在 `/theme` 里重新选中同一个主题不会触发重载,只会提示 "Theme unchanged"。要重载已激活主题的改动,用上面两种办法之一。 | |
| ::: | |
| ## 下一步 | |
| - [配置文件](../configuration/config-files.md#tuitoml) — `tui.toml` 的完整字段说明,包括 `theme` 配置项 | |