返回 Bug 清单
BUG-1029project-92中已修复backend-logic

修复浅色主题黑底与深色主题刺眼白块 (B-20)

发现:2026-10-09验证:2026-10-27置信度:70%

症状

commit 69971564069b (2026-10-04) fix(theme): 修复浅色主题黑底与深色主题刺眼白块 (B-20)

根因

根因: 语义变量混用 + 气泡配色方向错误

修复方案

修复 41 行,删除 15 行。改动文件: client/src/App.vue, client/src/components/MessageBubble.vue, client/src/styles/global.css

错误签名

fix(theme): 修复浅色主题黑底与深色主题刺眼白块 (B-20) 根因: 语义变量混用 + 气泡配色方向错误

1. 浅色主题出现纯黑矩形 (用户明确投诉"难以接受")
   会话列表当前项、主题切换当前按钮直接复用 --st-accent,
   而 --st-accent 是给**主按钮**设计的(浅色下 = 近纯黑 #18181b)。
   选中态本该是**轻量高亮**, 不该是全站最强对比。
   → 新增 --st-selected-bg / --st-selected-text 独立成变量。

2. 浅色用户气泡方向错了
   用户明确指出"浅色主题中所有背景颜色全都是浅色, 不可能有黑色背景色,
   只是字体颜色是黑体即可"。此前 B-18 把纯黑改成深灰 #3f3f46, 仍是深色。
   → 改为 #a1a1aa(浅色体系内的中灰), 黑字 6.91:1。
   取值不是拍的, 是约束推导的: 两个都浅时亮度差天然小,
   #e4e4e7 vs #ffffff 仅 1.27:1 达不到"可区分"1.6:1, #a1a1aa vs #f4f4f5 = 2.3

技术信息

来源项目

project-92

涉及文件

client/src/App.vue, client/src/components/MessageBubble.vue, client/src/styles/global.css

标签

git-sweep, auto-ingested, project-92, mcp-reported, source-agent