Selaa lähdekoodia

style(cockpit): flat panel colors, color gradient moves to stat cards

维护者两项调整:
1. 取消面板背景的颜色渐变 —— panel 三停色相归一 #001c46,只保留
   透明度节奏 .82/.4/.8(此前亮蓝/深蓝反转试验撤回)
2. 颜色渐变转移到数据统计指标卡片 —— 新 token --stat-card-bg
   (亮科技蓝 rgba(0,82,155,.45) → 深蓝 rgba(0,28,70,.6)),
   .panel-kpi(KPI 指标卡,全部统计面板复用)消费,色相可感知且
   alpha 比面板淡(不喧宾夺主)
batch2-final-acceptance 的 panel-top 断言跟随归一色。
ChenJZ 2 päivää sitten
vanhempi
commit
e3b35a7a61

+ 2 - 2
.scratch/lanhu-cockpit-asset-replacement/verify/batch2-final-acceptance.mjs

@@ -27,8 +27,8 @@ for (const name of ['CockpitShell.vue', ...readdirSync(new URL('src/modules/cock
 }
 const tokens = readFileSync(new URL('src/modules/cockpit/styles/tokens.css', root), 'utf8')
 postcss.parse(tokens)
-// 2026-10-23 面板颜色渐变反转:深邃近黑蓝(顶)→ 中蓝 → 亮科技蓝(底),断言跟随新 top。
-assert.match(tokens, /--panel-top:\s*rgba\(0,\s*12,\s*32,\s*0\.82\)/)
+// 2026-10-23 面板背景取消颜色渐变(三停色相归一 #001c46,只留透明度节奏),断言跟随。
+assert.match(tokens, /--panel-top:\s*rgba\(0,\s*28,\s*70,\s*0\.82\)/)
 
 // Exercise actual request -> adaptation -> 90-day merge with a pinned clock and no live network.
 const config = { dataSource: 'real', api: { baseUrl: 'https://backend.example/api/cockpit/v1' } }

+ 4 - 1
src/modules/cockpit/components/PanelBlocks.vue

@@ -1194,7 +1194,10 @@ onBeforeUnmount(() => {
     row-gap: 1px;
     padding: calc(4 * var(--u, 1px)) var(--space-2, 8px);
     border: 1px solid rgba(1, 171, 234, 0.24);
-    background: var(--inset, rgba(2, 10, 20, 0.55));
+    border: 1px solid rgba(1, 171, 234, 0.35);
+    /* 2026-10-23 维护者要求:面板背景取消颜色渐变后,颜色渐变转移到数据统计指标卡片 ——
+       .panel-kpi 用 tokens 的 --stat-card-bg(亮科技蓝 → 深蓝,色相可感知)。 */
+    background: var(--stat-card-bg, linear-gradient(180deg, rgba(0, 82, 155, 0.45), rgba(0, 28, 70, 0.6)));
 }
 
 /* KPI 图标:与标签同一行,弱发光(同面板标题图标的弱辉光档)。

+ 8 - 3
src/modules/cockpit/styles/tokens.css

@@ -34,14 +34,19 @@
        2026-10-23 维护者要求**颜色渐变**(色相可感知,不只是透明度):
        先是「亮蓝(顶)→ 中蓝 → 深邃近黑蓝(底)」,同日反转并调透:
        **深邃近黑蓝(顶)→ 半透中蓝 → 亮科技蓝(底)**,亮蓝沉底收边;
-       --panel-mid 继续调低 0.5 → 0.4。 */
+       --panel-mid 继续调低 0.5 → 0.4。
+       同日再收:**取消面板背景的颜色渐变**(三停色相归一 #001c46,只保留透明度节奏
+       .82/.4/.8);颜色渐变转移到**数据统计指标卡片**(--stat-card-bg,KPI 卡消费)。 */
     --bg-0: #010514;
     /* 票 18(批次 5):第二底色(设计稿面板顶 #02091b 的基色)——页面氛围底的中停与
        地图画布占位底共用一份;此前 CockpitShell 氛围底渐变与 MapCanvas 底各写一份裸值。 */
     --bg-1: #02091b;
-    --panel-top: rgba(0, 12, 32, 0.82);
+    --panel-top: rgba(0, 28, 70, 0.82);
     --panel-mid: rgba(0, 28, 70, 0.4);
-    --panel-bot: rgba(0, 82, 155, 0.8);
+    --panel-bot: rgba(0, 28, 70, 0.8);
+    /* 数据统计指标卡片(.panel-kpi 等)的颜色渐变:亮科技蓝 → 深蓝,
+       与面板底色同族但色相可感知;卡片更小,alpha 比面板淡(不喧宾夺主)。 */
+    --stat-card-bg: linear-gradient(180deg, rgba(0, 82, 155, 0.45) 0%, rgba(0, 28, 70, 0.6) 100%);
     --panel-line: rgba(1, 171, 234, 0.35);
     --panel-line-hi: #01abea;
     --inset: rgba(0, 31, 92, 0.5);