# 变更提案: dark-green-night-theme

## 元信息
```yaml
类型: 功能增强
方案类型: implementation
优先级: P2
状态: 已完成
状态说明: 已完成黑绿夜间主题预设调整与前后端构建验证，待归档
创建: 2026-03-25
```

---

## 1. 需求

### 背景
当前外观里的“黑暗模式”仍偏通用深色，终端默认主题也没有完全贴近你提供的参考图，整体缺少黑绿监控/终端风格的一致性。

### 目标
- 将界面“黑暗模式”预设改成参考图这种黑绿夜间风格。
- 同步调整终端默认主题，使终端、工作区和状态面板的视觉方向一致。
- 保持浅色默认主题不变，只改黑暗模式预设与终端默认主题。

### 约束条件
```yaml
范围约束: 仅调整主题预设与默认主题定义，不改业务交互结构
一致性约束: 前后端默认主题定义保持一致，避免重置或回退后前后端风格漂移
体验约束: 保持终端文本可读性，避免纯荧光绿导致长时间阅读疲劳
验证约束: 以前端构建通过为基础，运行态视觉以本地手验为主
```

### 验收标准
- [ ] “黑暗模式”按钮应用后，界面主色调变为黑绿夜间风格
- [ ] 终端默认主题与黑暗模式预设在氛围上保持一致
- [ ] 不影响浅色默认主题和现有主题编辑功能
- [ ] 前端构建通过

---

## 2. 方案

### 技术方案
保留现有主题系统结构，只调整预设值。前端 `StyleCustomizerUiTab.vue` 中的 `darkModeTheme` 改为参考图对应的黑绿 UI 配色；前端 `default-themes.ts` 中的 `defaultXtermTheme` 改为黑底、绿系高亮、青绿辅助色的终端主题；后端 `config/default-themes.ts` 同步更新相同默认定义，确保初始化和回退逻辑一致。

### 影响范围
```yaml
涉及模块:
  - frontend: 黑暗模式预设、终端默认主题
  - backend: 默认主题定义镜像副本
预计变更文件: 3
```

### 风险评估
| 风险 | 等级 | 应对 |
|------|------|------|
| 绿色过亮导致正文和状态数字刺眼 | 低 | 正文采用浅灰绿，强调色才使用亮绿 |
| UI 黑绿预设与终端主题气质不一致 | 低 | 统一使用深炭黑背景 + 绿色强调 + 青绿辅助色 |
| 只改前端导致后端初始化后的默认值不一致 | 低 | 同步更新 backend 对应默认主题文件 |

### 实施结果
- `StyleCustomizerUiTab.vue` 的 `darkModeTheme` 已改为黑绿夜间风格，主背景、边框、按钮、图标 hover 和状态色全部切到深炭黑 + 绿色强调体系。
- 前后端 `defaultXtermTheme` 均改为黑底、浅灰绿正文、绿系高亮与青绿辅助色的终端默认主题。
- 浅色默认 `defaultUiTheme` 保持不变，仍保留当前默认浅色体系。
- `npm run build --workspace @nexus-terminal/frontend` 与 `npm run build --workspace @nexus-terminal/backend` 均通过。
- 受本地 `/appearance` 保存接口现场限制，本轮未在浏览器里直接点击“黑暗模式”做最终视觉手验。