diff --git a/client/electron/src/components/AccountPage.tsx b/client/electron/src/components/AccountPage.tsx index 35427a0..1a6cfaa 100644 --- a/client/electron/src/components/AccountPage.tsx +++ b/client/electron/src/components/AccountPage.tsx @@ -101,7 +101,7 @@ export default function AccountPage() { 没有任何办法滚到。实测 390px 下内容需 860px、容器只有 795px; 1280x800 的桌面上同样看不到最后的「退出登录」。 */}
-
+
{/* 基本信息 */}

基本资料

diff --git a/client/electron/src/index.css b/client/electron/src/index.css index 4d09f7f..e46c0e7 100644 --- a/client/electron/src/index.css +++ b/client/electron/src/index.css @@ -1119,10 +1119,14 @@ html.view-switch .glass-control, * 桌面侧栏:无论有没有壁纸都做深色玻璃 —— 否则它是全页唯一一块实心黑。 * α=0.82 比壁纸模式的 0.72 实一点:此时它后面是页面底色而不是照片,太透只会显脏。 */ -.app-shell > .bg-chrome-900 { - background-color: rgb(var(--c-chrome-900) / 0.82); - /* 不留 backdrop-filter:它浮在(已模糊的)壁纸上,再模糊只是叠一层 */ -} +/* + * 这里曾有一条 `.app-shell > .bg-chrome-900 { background-color: rgb(var(--c-chrome-900) / 0.82) }`。 + * + * 用户报「宽屏 ui 你是一点没修复啊」「导航栏为什么还是黑色」——它就是元凶: + * 侧栏改成 `.nav-rail`(走 --nav-bg 令牌,浅色主题=白玻璃)之后,这条更早的规则 + * **特异性更高**((0,2,0) > (0,1,0)),继续把侧栏压成深色,看起来就像"根本没改"。 + * 现在整条删掉:侧栏底色只有 --nav-bg 一个来源。 + */ /* @@ -1213,14 +1217,21 @@ html.view-switch .glass-control, --nav-border: 15 23 42 / 0.08; } +/* + * ★ 深色主题:**暂不单独给导航换色**(2026-09-14 用户:「导航栏为什么还是黑色」)。 + * + * 根因不是令牌抄错,而是**整个应用还没有深色主题**: + * `tailwind.config.js` 里 `darkMode: 'class'` 是配好的,但**没有任何组件写 `dark:` 变体** + * ⇒ 挂上 `.dark` 只会切换我手写的 CSS 变量,Tailwind 工具类一律照旧。 + * 于是系统是深色时:导航(有深色令牌)变深、正文(没有深色样式)仍是浅色 —— + * 界面半深不浅,用户看到的就是"导航栏还是黑色"。 + * + * 在真正的深色主题做出来之前,导航跟随**内容的实际形态**(浅色)。 + * 要做深色主题,正确做法是给组件补齐 `dark:` 变体(那是独立一件事), + * 而不是先把导航单独压深。 + */ .dark { - --nav-bg: 15 23 42 / 0.72; - --nav-fg: 248 250 252; - --nav-fg-muted: 148 163 184; - --nav-hover-bg: 255 255 255 / 0.08; - --nav-active-bg: 30 58 138; - --nav-active-fg: 219 234 254; - --nav-border: 255 255 255 / 0.1; + /* 有意留空:等深色主题落地后,这里再与组件一起打开 */ } .nav-rail {