feat(theme): 增加多主题支持与主题切换功能

- 添加多种预设主题（暗色、Monokai、Dracula、GitHub Light/Dark、GitLab Light/Dark）
- 支持自定义主题颜色并保存至 settings.json，实现个性化调色
- 在 AppContext 中提供主题版本、当前预设和主题切换相关接口
- 实现主题预览、切换和回退功能，动态更新终端界面主题
- 修改应用入口 AppContainer，集成主题状态管理与持久化逻辑
- 在 PromptInput 添加主题切换相关回调和状态支持，集成主题选择组件
- 替换原有 Static 为支持主题的 ThemeableStatic，提升界面一致性
- 优化退出逻辑，新增结构化退出总结视图呈现
- 增加颜色令牌 textBright，丰富主题色彩层次
- 更新文档说明，详细介绍主题配置、预设主题及运行时主题切换操作
- 优化权限提示颜色映射，统一使用主题色配置
- DropdownMenu 支持禁用项及自定义标签颜色，增强菜单表达能力

Author: hqwlkj

docs/configuration.md

@@ -128,6 +128,85 @@ MCP（Model Context Protocol）服务器配置。值是键值对，键为服务
 详细 MCP 使用说明请参考 [mcp.md](mcp.md)。
 
 
+#### `theme` — 主题配置
+
+Deep Code 支持自定义主题颜色，让你的终端界面更符合个人喜好。
+
+**使用预设主题**
+
+```json
+{
+  "theme": {
+    "preset": "dark"
+  }
+}
+```
+
+可用的预设主题：
+
+| 预设名称        | 说明                           |
+| --------------- | ------------------------------ |
+| `light`         | 浅色主题（默认，浅色背景优化） |
+| `dark`          | 暗色主题（深色背景优化）       |
+| `github-light`  | GitHub Light 风格主题          |
+| `github-dark`   | GitHub Dark 风格主题           |
+| `gitlab-light`  | GitLab Light 风格主题          |
+| `gitlab-dark`   | GitLab Dark 风格主题           |
+| `monokai`       | Monokai 风格主题               |
+| `dracula`       | Dracula 风格主题               |
+
+**自定义主题颜色**
+
+使用 `preset: "custom"` 并通过 `overrides` 覆盖部分颜色：
+
+```json
+{
+  "theme": {
+    "preset": "custom",
+    "overrides": {
+      "primary": "#ff6600",
+      "success": "greenBright"
+    }
+  }
+}
+```
+
+**可用的颜色 Token**
+
+| Token        | 说明                                         | 默认值     |
+| ------------ | -------------------------------------------- | ---------- |
+| `primary`    | 品牌色：Logo、用户消息、选中项、标题         | `#229ac3`  |
+| `secondary`  | 辅助品牌色：边框、渐变                       | `#229ac3e6`|
+| `success`    | 成功：工具执行成功、低风险操作               | `#1a7f37`  |
+| `error`      | 错误：工具执行失败、高风险操作               | `#d1242f`  |
+| `warning`    | 警告：进行中状态、中风险操作                 | `#fa8c16`  |
+| `info`       | 信息：技能、图片附件                         | `#0969da`  |
+| `text`       | 主文字颜色                                   | `#3D4149`  |
+| `textDim`    | 次要文字：暗化提示、引用块                   | `#646A71`  |
+| `textBright` | 亮色文字：强调提示                           | `#1F2329`  |
+| `code`       | 代码块/内联代码                              | `#787f8a`  |
+| `border`     | 边框                                         | `#999`     |
+| `gradients`  | Logo 渐变色数组                              | `["#229ac3", "#8250df"]` |
+
+颜色值支持以下格式：
+- Hex 格式：`"#ff6600"`、`"#ff6600cc"`（带透明度）
+- Chalk 命名颜色：`"greenBright"`、`"cyanBright"`、`"red"` 等
+
+**运行时切换主题**
+
+在 CLI 中使用 `/theme` 命令可以快速切换预设主题：
+
+```
+/theme                # 显示主题选择器
+/theme dark           # 切换到暗色主题
+/theme light          # 切换回浅色主题
+/theme github-dark    # 切换到 GitHub Dark 主题
+/theme gitlab-light   # 切换到 GitLab Light 主题
+/theme monokai        # 切换到 Monokai 主题
+```
+
+切换后会自动保存到 `settings.json`，下次启动时生效。
+
 #### `debugLogEnabled` — 调试日志
 
 设为 `true` 可让程序输出详细的调试日志（默认 `false`），用于排查 API 调用和工具执行的问题。

docs/configuration_en.md

@@ -127,6 +127,85 @@ Configuration for MCP (Model Context Protocol) servers. The value is a key-value
 
 For detailed MCP usage instructions, refer to [mcp.md](mcp.md).
 
+#### `theme` — Theme Configuration
+
+Deep Code supports customizing theme colors to make your terminal interface match your personal preferences.
+
+**Using Preset Themes**
+
+```json
+{
+  "theme": {
+    "preset": "dark"
+  }
+}
+```
+
+Available preset themes:
+
+| Preset Name     | Description                              |
+| --------------- | ---------------------------------------- |
+| `light`         | Light theme (default, optimized for light backgrounds) |
+| `dark`          | Dark theme (optimized for dark backgrounds) |
+| `github-light`  | GitHub Light style theme                 |
+| `github-dark`   | GitHub Dark style theme                  |
+| `gitlab-light`  | GitLab Light style theme                 |
+| `gitlab-dark`   | GitLab Dark style theme                  |
+| `monokai`       | Monokai-style theme                      |
+| `dracula`       | Dracula-style theme                      |
+
+**Custom Theme Colors**
+
+Use `preset: "custom"` with `overrides` to customize specific colors:
+
+```json
+{
+  "theme": {
+    "preset": "custom",
+    "overrides": {
+      "primary": "#ff6600",
+      "success": "greenBright"
+    }
+  }
+}
+```
+
+**Available Color Tokens**
+
+| Token        | Description                                      | Default Value |
+| ------------ | ------------------------------------------------ | ------------- |
+| `primary`    | Brand color: logo, user messages, selected items, headings | `#229ac3`  |
+| `secondary`  | Auxiliary brand color: borders, gradients        | `#229ac3e6`  |
+| `success`    | Success: tool execution success, low-risk ops    | `#1a7f37`    |
+| `error`      | Error: tool execution failure, high-risk ops     | `#d1242f`    |
+| `warning`    | Warning: in-progress state, mid-risk ops         | `#fa8c16`    |
+| `info`       | Info: skills, image attachments                  | `#0969da`    |
+| `text`       | Main text color                                  | `#3D4149`    |
+| `textDim`    | Secondary text: dimmed hints, quote blocks       | `#646A71`    |
+| `textBright` | Bright text: emphasized hints                    | `#1F2329`    |
+| `code`       | Code blocks / inline code                        | `#787f8a`    |
+| `border`     | Borders                                          | `#999`       |
+| `gradients`  | Logo gradient color array                        | `["#229ac3", "#8250df"]` |
+
+Color values support the following formats:
+- Hex format: `"#ff6600"`, `"#ff6600cc"` (with alpha)
+- Chalk named colors: `"greenBright"`, `"cyanBright"`, `"red"`, etc.
+
+**Runtime Theme Switching**
+
+Use the `/theme` command in the CLI to quickly switch preset themes:
+
+```
+/theme                # Show theme picker
+/theme dark           # Switch to dark theme
+/theme light          # Switch back to light theme
+/theme github-dark    # Switch to GitHub Dark theme
+/theme gitlab-light   # Switch to GitLab Light theme
+/theme monokai        # Switch to Monokai theme
+```
+
+The switch is automatically saved to `settings.json` and will take effect on the next launch.
+
 #### `debugLogEnabled` — Debug Log
 
 Set to `true` to enable detailed debug logging (default `false`), useful for troubleshooting API calls and tool execution.

src/common/update-check.ts

@@ -6,7 +6,7 @@ import * as path from "path";
 import { render, type Instance } from "ink";
 import chalk from "chalk";
 import { UpdatePrompt, type UpdatePromptChoice } from "../ui";
-import { DEFAULT_THEME } from "../ui/theme/presets";
+import { LIGHT_THEME } from "../ui/theme/presets";
 import { killProcessTree } from "./process-tree";
 
 export type PackageInfo = {
@@ -59,7 +59,7 @@ export async function promptForPendingUpdate(packageInfo: PackageInfo): Promise<
     if (ok) {
       writeUpdateState({ ...state, pending: null });
       process.stdout.write(
-        `\n${chalk.hex(DEFAULT_THEME.error)("Deep Code has been updated. Please restart the CLI to use the new version.")}\n\n`
+        `\n${chalk.hex(LIGHT_THEME.error)("Deep Code has been updated. Please restart the CLI to use the new version.")}\n\n`
       );
     }
     return { installed: ok };

src/tests/permission-prompt.test.ts

@@ -1,19 +1,20 @@
 import { test } from "node:test";
 import assert from "node:assert/strict";
 import { getScopeRiskColor } from "../ui/views/PermissionPrompt";
+import { LIGHT_THEME } from "../ui/theme";
 
 test("getScopeRiskColor maps permission scopes by risk", () => {
-  assert.equal(getScopeRiskColor("read-in-cwd"), "#52c41a");
-  assert.equal(getScopeRiskColor("query-git-log"), "#52c41a");
+  assert.equal(getScopeRiskColor("read-in-cwd"), LIGHT_THEME.success);
+  assert.equal(getScopeRiskColor("query-git-log"), LIGHT_THEME.success);
 
-  assert.equal(getScopeRiskColor("read-out-cwd"), "#faad14");
-  assert.equal(getScopeRiskColor("write-in-cwd"), "#faad14");
-  assert.equal(getScopeRiskColor("network"), "#faad14");
-  assert.equal(getScopeRiskColor("mcp"), "#faad14");
+  assert.equal(getScopeRiskColor("read-out-cwd"), LIGHT_THEME.warning);
+  assert.equal(getScopeRiskColor("write-in-cwd"), LIGHT_THEME.warning);
+  assert.equal(getScopeRiskColor("network"), LIGHT_THEME.warning);
+  assert.equal(getScopeRiskColor("mcp"), LIGHT_THEME.warning);
 
-  assert.equal(getScopeRiskColor("write-out-cwd"), "#ff4d4f");
-  assert.equal(getScopeRiskColor("delete-in-cwd"), "#ff4d4f");
-  assert.equal(getScopeRiskColor("delete-out-cwd"), "#ff4d4f");
-  assert.equal(getScopeRiskColor("mutate-git-log"), "#ff4d4f");
-  assert.equal(getScopeRiskColor("unknown"), "#ff4d4f");
+  assert.equal(getScopeRiskColor("write-out-cwd"), LIGHT_THEME.error);
+  assert.equal(getScopeRiskColor("delete-in-cwd"), LIGHT_THEME.error);
+  assert.equal(getScopeRiskColor("delete-out-cwd"), LIGHT_THEME.error);
+  assert.equal(getScopeRiskColor("mutate-git-log"), LIGHT_THEME.error);
+  assert.equal(getScopeRiskColor("unknown"), LIGHT_THEME.error);
 });

src/tests/slash-commands.test.ts

@@ -22,6 +22,7 @@ test("buildSlashCommands prefixes skills before built-ins", () => {
   assert.deepEqual(builtinNames, [
     "skills",
     "model",
+    "theme",
     "new",
     "init",
     "resume",
@@ -105,6 +106,13 @@ test("findExactSlashCommand returns built-in /raw", () => {
   assert.equal(item?.kind, "raw");
 });
 
+test("findExactSlashCommand returns built-in /theme", () => {
+  const items = buildSlashCommands(skills);
+  const item = findExactSlashCommand(items, "/theme");
+  assert.ok(item);
+  assert.equal(item?.kind, "theme");
+});
+
 test("findExactSlashCommand returns the matching skill", () => {
   const items = buildSlashCommands(skills);
   const item = findExactSlashCommand(items, "/code-review");