Files
MailUI4Agents/client
JianFeeeee faacd3c911 fix(webui): 修「宽屏导航栏还是黑色」的真因 —— 应用没有深色主题,导航却单独变深
用户:「宽屏 ui 你是一点没修复啊」。

## 真因(我前两轮都判断错了方向)

不是令牌抄错、也不是特异性覆盖。是**整个应用根本没有深色主题**:

- `tailwind.config.js` 里 `darkMode: 'class'` 是配好的,
- 但我数了一遍:**没有任何组件写过 `dark:` 变体**(`grep -c 'dark:' src/components/*.tsx` 全 0);

⇒ 挂上 `.dark` 只会切换我手写的 CSS 变量,Tailwind 工具类一律照旧。
于是系统是深色时(`prefers-color-scheme: dark` → themeStore 的 `system` 解析为 dark):
**导航**(有深色令牌)变深、**正文**(没有深色样式)仍是浅色 —— 界面半深不浅,
用户看到的就是"导航栏为什么还是黑色"。

## 改法

在真正的深色主题做出来之前,导航**跟随内容的实际形态**(浅色):
`.dark` 里的导航令牌块清空并留下说明。要做深色主题的正确做法是给组件补齐
`dark:` 变体(独立一件事),而不是先把导航单独压深。

顺带:
- 删掉一条更早的 `.app-shell > .bg-chrome-900 { background-color: rgb(var(--c-chrome-900)/0.82) }`
  —— 侧栏改成 `.nav-rail` 之后它是死代码,但特异性更高,一旦有人再挂上那个类就会重新变黑。
- 「我的」页宽屏用满:`max-w-lg`(512px,右半边全空)→ `max-w-3xl mx-auto`。

## 实测(自己的无头 Chromium,因为共享 9222 的 CDP 已被僵尸上下文拖死)

    系统浅色: htmlDark=false, 侧栏 rgba(255,255,255,0.72)
    系统深色: htmlDark=true,  侧栏 rgba(255,255,255,0.72)   ← 不再单独变黑(这就是修复点)

## 顺带清理

共享 Chromium(9222)里我历次被中断的运行留下了 12 个僵尸标签,
已按 URL 精确关闭(保留 5174/8080/18091 等别人的标签)。
2026-09-14 13:08:19 +08:00
..