refactor(ui): 统一使用主题颜色替代硬编码样式

- 移除多个组件和视图中的硬编码颜色，改为使用主题上下文提供的颜色
- 在AppContainer中添加ThemeProvider，初始化全局主题设置
- 优化消息视图、权限提示、提问提示、进程输出、状态列表等组件的颜色适配
- 调整markdown渲染和退出摘要中颜色生成逻辑，支持主题色彩
- 解决部分组件主题切换不更新的问题，确保依赖主题的子组件正确重渲染
- 更新权限提示中的风险颜色映射，改为从主题中读取
- 在PromptInput中支持高亮粘贴标记的颜色主题配置
- 移除了一些不再使用的硬编码颜色属性，提升UI一致性和可维护性

Author: hqwlkj

README-en.md

@@ -141,6 +141,74 @@ For detailed configuration instructions, see: [docs/notify_en.md](docs/notify_en
 
 No. Deep Code has a built-in fine-grained permission control mechanism that lets you confirm operations before the AI assistant executes shell commands, reads/writes files, accesses the network, and more. You can configure each permission scope's policy — always allow, always ask, or deny — via the `permissions` field in `settings.json`. See [docs/permission.md](docs/permission.md) for details.
 
+### How do I customize the theme?
+
+Deep Code CLI includes a built-in default theme (`DEFAULT_THEME`) that works out of the box. To customize colors, set `theme.preset` to `"custom"` in `settings.json` and provide `overrides` or `tokens`.
+
+**Using the default theme (no config required)**
+
+No settings needed — the built-in theme is used automatically.
+
+**Option 1: Partial overrides (preset="custom" + overrides)**
+
+Override only the colors you want to change; the rest keep their defaults:
+
+```json
+{
+  "theme": {
+    "preset": "custom",
+    "overrides": {
+      "accent": "#ff6600",
+      "success": "greenBright"
+    }
+  }
+}
+```
+
+**Option 2: Full customization (preset="custom" + tokens)**
+
+Provide a complete tokens object, merged on top of the default theme:
+
+```json
+{
+  "theme": {
+    "preset": "custom",
+    "tokens": {
+      "accent": "#229ac3",
+      "accentAlpha": "#229ac3e6",
+      "active": "cyanBright",
+      "success": "green",
+      "error": "red",
+      "warning": "yellow",
+      "info": "magenta",
+      "riskLow": "#22c55e",
+      "riskMedium": "#f59e0b",
+      "riskHigh": "#ef4444",
+      "text": "white",
+      "textDim": "gray",
+      "code": "cyan",
+      "border": "gray",
+      "thinking": "gray",
+      "gradients": ["#229ac3e6", "#229ac3e6"]
+    }
+  }
+}
+```
+
+> Note: `overrides` and `tokens` only take effect when `preset` is set to `"custom"`. When `preset` is `"default"` or unset, the built-in default theme is always used.
+
+Available token descriptions:
+
+| Token | Used For |
+|-------|----------|
+| `accent`, `accentAlpha`, `active` | Logo, user messages, selected items, etc. |
+| `success`, `error`, `warning`, `info` | Tool statuses, permission prompts, skill loading; `warning` also colors list bullets |
+| `riskLow`, `riskMedium`, `riskHigh` | Permission confirmation panel |
+| `text`, `textDim`, `code`, `border`, `thinking` | Body text, secondary text/blockquotes, code, borders, thinking status |
+| `gradients` | Logo and exit panel gradient colors |
+
+Color values support hex (`"#ff6600"`), hex with alpha (`"#229ac3e6"`), and chalk named colors (`"cyanBright"`, `"green"`).
+
 ## Contributing
 
 Contributions are welcome! Here's how to get started:

README-zh_CN.md

@@ -141,6 +141,74 @@ Deep Code 支持 MCP（Model Context Protocol），可以连接 GitHub、浏览
 }
 ```
 
+### 如何自定义主题？
+
+Deep Code CLI 内置一套默认主题（`DEFAULT_THEME`），无需配置即可使用。如需自定义颜色，在 `settings.json` 中设置 `theme.preset` 为 `"custom"` 后提供 `overrides` 或 `tokens`。
+
+**使用默认主题（无需配置）**
+
+直接使用内置主题，不做任何设置。
+
+**方式一：局部覆盖（preset="custom" + overrides）**
+
+只覆盖需要调整的颜色，其余保持默认值：
+
+```json
+{
+  "theme": {
+    "preset": "custom",
+    "overrides": {
+      "accent": "#ff6600",
+      "success": "greenBright"
+    }
+  }
+}
+```
+
+**方式二：完全自定义（preset="custom" + tokens）**
+
+提供完整的 tokens 对象，基于默认主题合并：
+
+```json
+{
+  "theme": {
+    "preset": "custom",
+    "tokens": {
+      "accent": "#229ac3",
+      "accentAlpha": "#229ac3e6",
+      "active": "cyanBright",
+      "success": "green",
+      "error": "red",
+      "warning": "yellow",
+      "info": "magenta",
+      "riskLow": "#22c55e",
+      "riskMedium": "#f59e0b",
+      "riskHigh": "#ef4444",
+      "text": "white",
+      "textDim": "gray",
+      "code": "cyan",
+      "border": "gray",
+      "thinking": "gray",
+      "gradients": ["#229ac3e6", "#229ac3e6"]
+    }
+  }
+}
+```
+
+> 注意：`preset` 必须设为 `"custom"` 时 `overrides` 和 `tokens` 才会生效。`preset` 为 `"default"` 或不配置时始终使用系统默认主题。
+
+可覆盖的 token 说明：
+
+| Token                                       | 用途                               |
+|---------------------------------------------|----------------------------------|
+| `accent`、`accentAlpha`、`active`             | Logo、用户消息、选中项等                   |
+| `success`、`error`、`warning`、`info`          | 工具状态、权限提示、技能加载，`warning` 也是列表标记色 |
+| `riskLow`、`riskMedium`、`riskHigh`           | 权限确认面板                           |
+| `text`、`textDim`、`code`、`border`、`thinking` | 正文、副文/引用块、代码、边框、思考状态             |
+| `gradients`                                 | Logo 与退出面板的渐变色数组                 |
+
+颜色值支持 hex（`"#ff6600"`）、hex 含透明度（`"#229ac3e6"`）、chalk 命名色（`"cyanBright"`、`"green"`）。
+
 ## 贡献
 
 欢迎贡献代码！以下是参与方式：

README.md

@@ -141,6 +141,74 @@ Deep Code 支持 MCP（Model Context Protocol），可以连接 GitHub、浏览
 }
 ```
 
+### 如何自定义主题？
+
+Deep Code CLI 内置一套默认主题（`DEFAULT_THEME`），无需配置即可使用。如需自定义颜色，在 `settings.json` 中设置 `theme.preset` 为 `"custom"` 后提供 `overrides` 或 `tokens`。
+
+**使用默认主题（无需配置）**
+
+直接使用内置主题，不做任何设置。
+
+**方式一：局部覆盖（preset="custom" + overrides）**
+
+只覆盖需要调整的颜色，其余保持默认值：
+
+```json
+{
+  "theme": {
+    "preset": "custom",
+    "overrides": {
+      "accent": "#ff6600",
+      "success": "greenBright"
+    }
+  }
+}
+```
+
+**方式二：完全自定义（preset="custom" + tokens）**
+
+提供完整的 tokens 对象，基于默认主题合并：
+
+```json
+{
+  "theme": {
+    "preset": "custom",
+    "tokens": {
+      "accent": "#229ac3",
+      "accentAlpha": "#229ac3e6",
+      "active": "cyanBright",
+      "success": "green",
+      "error": "red",
+      "warning": "yellow",
+      "info": "magenta",
+      "riskLow": "#22c55e",
+      "riskMedium": "#f59e0b",
+      "riskHigh": "#ef4444",
+      "text": "white",
+      "textDim": "gray",
+      "code": "cyan",
+      "border": "gray",
+      "thinking": "gray",
+      "gradients": ["#229ac3e6", "#229ac3e6"]
+    }
+  }
+}
+```
+
+> 注意：`preset` 必须设为 `"custom"` 时 `overrides` 和 `tokens` 才会生效。`preset` 为 `"default"` 或不配置时始终使用系统默认主题。
+
+可覆盖的 token 说明：
+
+| Token                                       | 用途                               |
+|---------------------------------------------|----------------------------------|
+| `accent`、`accentAlpha`、`active`             | Logo、用户消息、选中项等                   |
+| `success`、`error`、`warning`、`info`          | 工具状态、权限提示、技能加载，`warning` 也是列表标记色 |
+| `riskLow`、`riskMedium`、`riskHigh`           | 权限确认面板                           |
+| `text`、`textDim`、`code`、`border`、`thinking` | 正文、副文/引用块、代码、边框、思考状态             |
+| `gradients`                                 | Logo 与退出面板的渐变色数组                 |
+
+颜色值支持 hex（`"#ff6600"`）、hex 含透明度（`"#229ac3e6"`）、chalk 命名色（`"cyanBright"`、`"green"`）。
+
 ## 贡献
 
 欢迎贡献代码！以下是参与方式：

src/common/update-check.ts

@@ -6,6 +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 { killProcessTree } from "./process-tree";
 
 export type PackageInfo = {
@@ -58,7 +59,7 @@ export async function promptForPendingUpdate(packageInfo: PackageInfo): Promise<
     if (ok) {
       writeUpdateState({ ...state, pending: null });
       process.stdout.write(
-        `\n${chalk.red("Deep Code has been updated. Please restart the CLI to use the new version.")}\n\n`
+        `\n${chalk.hex(DEFAULT_THEME.error)("Deep Code has been updated. Please restart the CLI to use the new version.")}\n\n`
       );
     }
     return { installed: ok };

src/settings.ts

@@ -1,4 +1,6 @@
 import { defaultsToThinkingMode } from "./common/model-capabilities";
+import { resolveTheme } from "./ui/theme";
+import type { ThemeTokens, ThemeSettings } from "./ui/theme";
 import * as fs from "fs";
 import * as os from "os";
 import * as path from "path";
@@ -51,6 +53,7 @@ export type DeepcodingSettings = {
   webSearchTool?: string;
   mcpServers?: Record<string, McpServerConfig>;
   permissions?: PermissionSettings;
+  theme?: ThemeSettings;
 };
 
 export type ResolvedDeepcodingSettings = {
@@ -65,6 +68,7 @@ export type ResolvedDeepcodingSettings = {
   webSearchTool?: string;
   mcpServers?: Record<string, McpServerConfig>;
   permissions: Required<PermissionSettings>;
+  theme: ThemeTokens;
 };
 
 export type ModelConfigSelection = {
@@ -333,6 +337,7 @@ export function resolveSettingsSources(
     webSearchTool: webSearchTool || undefined,
     mcpServers: mergeMcpServers(userSettings, projectSettings, userEnv, projectEnv, systemEnv),
     permissions: mergePermissions(userSettings, projectSettings),
+    theme: resolveTheme(userSettings?.theme ?? projectSettings?.theme),
   };
 }