fix(frontend): preserve ansi colors in terminal effects
Limit stroke and shadow effects to default-foreground terminal text so ANSI-colored output keeps its intended visual meaning. Also enable terminal text stroke and shadow by default in frontend and backend fallbacks, and align the dark preset and default xterm theme with the new green night palette.
This commit is contained in:
@@ -0,0 +1 @@
|
||||
{"status":"completed","completed":5,"failed":0,"pending":0,"total":5,"done":5,"percent":100,"current":"已完成黑绿夜间主题预设调整与验证,等待归档","updated_at":"2026-03-25 06:06:54"}
|
||||
@@ -0,0 +1,66 @@
|
||||
# 变更提案: 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` 保存接口现场限制,本轮未在浏览器里直接点击“黑暗模式”做最终视觉手验。
|
||||
@@ -0,0 +1,51 @@
|
||||
# 任务清单: dark-green-night-theme
|
||||
|
||||
```yaml
|
||||
@feature: dark-green-night-theme
|
||||
@created: 2026-03-25
|
||||
@status: completed
|
||||
@mode: R2
|
||||
```
|
||||
|
||||
## 进度概览
|
||||
|
||||
| 完成 | 失败 | 跳过 | 总数 |
|
||||
|------|------|------|------|
|
||||
| 5 | 0 | 0 | 5 |
|
||||
|
||||
---
|
||||
|
||||
## 任务列表
|
||||
|
||||
### 1. 方案与范围确认
|
||||
|
||||
- [√] 1.1 创建黑绿夜间主题方案包并锁定前后端默认主题定义范围 | depends_on: []
|
||||
|
||||
### 2. 主题预设调整
|
||||
|
||||
- [√] 2.1 统一黑暗模式预设的 UI 配色变量为黑绿夜间风格 | depends_on: [1.1]
|
||||
- [√] 2.2 统一前后端终端默认主题为黑绿终端风格 | depends_on: [2.1]
|
||||
|
||||
### 3. 验证与同步
|
||||
|
||||
- [√] 3.1 运行前后端最小验证并记录结果 | depends_on: [2.2]
|
||||
- [√] 3.2 更新 `.helloagents` 文档与变更记录 | depends_on: [3.1]
|
||||
|
||||
---
|
||||
|
||||
## 执行日志
|
||||
|
||||
| 时间 | 任务 | 状态 | 备注 |
|
||||
|------|------|------|------|
|
||||
| 2026-03-25 06:03 | 1.1 | 完成 | 创建 implementation 方案包,范围锁定为黑暗模式预设与终端默认主题 |
|
||||
| 2026-03-25 06:04 | 2.1 / 2.2 | 完成 | 统一黑暗模式预设与前后端默认终端主题为黑绿夜间风格 |
|
||||
| 2026-03-25 06:05 | 3.1 | 完成 | 前端与后端构建均通过 |
|
||||
| 2026-03-25 06:06 | 3.2 | 完成 | 更新 frontend/backend 模块文档并准备归档 |
|
||||
|
||||
---
|
||||
|
||||
## 执行备注
|
||||
|
||||
- 本次不改浅色默认主题,也不改主题编辑器交互。
|
||||
- 后端默认主题定义当前主要用于初始化与一致性镜像,即使前端直接消费自己的默认值,也需要同步。
|
||||
- 真实视觉观感仍建议由你在已登录环境里点击一次“黑暗模式”做最终目视确认。
|
||||
@@ -10,6 +10,7 @@
|
||||
| 202603250317 | ghcr-docker-publish | implementation | workspace-root | ghcr-docker-publish#D001 | ✅完成 |
|
||||
| 202603250532 | quickcommands-theme-alignment | implementation | frontend | - | ✅完成 |
|
||||
| 202603250547 | terminal-tab-scroll-restore | implementation | frontend | - | ✅完成 |
|
||||
| 202603250603 | dark-green-night-theme | implementation | frontend, backend | - | ✅完成 |
|
||||
| 202603251200 | workspace-workbench-monitor | implementation | frontend, backend | workspace-workbench-monitor#D001 | ✅完成 |
|
||||
|
||||
## 按月归档
|
||||
@@ -18,6 +19,7 @@
|
||||
- [202603250317_ghcr-docker-publish](./2026-03/202603250317_ghcr-docker-publish/) - 新增 GHCR 镜像发布 workflow 并切换 compose 镜像来源
|
||||
- [202603250532_quickcommands-theme-alignment](./2026-03/202603250532_quickcommands-theme-alignment/) - 统一快捷指令视图按钮主题适配,移除残留硬编码 hover 色值
|
||||
- [202603250547_terminal-tab-scroll-restore](./2026-03/202603250547_terminal-tab-scroll-restore/) - 修复终端标签切换后的贴底/历史滚动恢复逻辑
|
||||
- [202603250603_dark-green-night-theme](./2026-03/202603250603_dark-green-night-theme/) - 将黑暗模式预设与终端默认主题统一调整为黑绿夜间风格
|
||||
- [202603251200_workspace-workbench-monitor](./2026-03/202603251200_workspace-workbench-monitor/) - `/workspace` 改为三栏 Workbench 布局,并新增开机累计流量监控
|
||||
|
||||
## 结果状态说明
|
||||
|
||||
Reference in New Issue
Block a user