Преглед на файлове

style(cockpit): perceptible color gradient on panel backgrounds

维护者澄清要的是**颜色**渐变(色相可感知),不只是透明度:
- --panel-top: #02091b@0.8 → #00529b@0.8(亮科技蓝)
- --panel-mid: #001c46@0.5 保持(最透的中段不变)
- --panel-bot: #000f34@0.82 → #000c20@0.82(更深邃)
两侧面板与点位详情浮层共用这三个 token,自上而下「亮蓝→半透中蓝→深黑蓝」。
batch2-final-acceptance 的 panel-top 锁值断言跟随新色。
ChenJZ преди 3 дни
родител
ревизия
2e8a444789
променени са 2 файла, в които са добавени 8 реда и са изтрити 5 реда
  1. 2 2
      .scratch/lanhu-cockpit-asset-replacement/verify/batch2-final-acceptance.mjs
  2. 6 3
      src/modules/cockpit/styles/tokens.css

+ 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-22 维护者要求两侧面板稍微调透(三档各降 0.08),断言跟随新基准。
-assert.match(tokens, /--panel-top:\s*rgba\(2,\s*9,\s*27,\s*0\.8\)/)
+// 2026-10-23 维护者要求面板颜色渐变(色相可感知):--panel-top 换亮科技蓝,断言跟随。
+assert.match(tokens, /--panel-top:\s*rgba\(0,\s*82,\s*155,\s*0\.8\)/)
 
 // 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' } }

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

@@ -30,14 +30,17 @@
        CockpitPanel 叠加 12px 磨砂模糊,属于已确认可读性偏差。
        2026-10-22 维护者要求稍微调透(有磨砂兜底):三档各降 0.08 → .80/.74/.82;
        同日再调:--panel-mid → 0.6、再 → 0.5(渐变中段对透出地图的观感影响最明显);
-       磨砂模糊同步增强 12px → 16px(CockpitPanel)。 */
+       磨砂模糊同步增强 12px → 16px(CockpitPanel)。
+       2026-10-23 维护者要求**颜色渐变**(色相可感知,不只是透明度):
+       top 换亮科技蓝 #00529b@0.8、bot 加深到 #000c20@0.82 —— 面板自上而下
+       「亮蓝 → 半透中蓝 → 深邃近黑蓝」,mid 0.5 保持不变。 */
     --bg-0: #010514;
     /* 票 18(批次 5):第二底色(设计稿面板顶 #02091b 的基色)——页面氛围底的中停与
        地图画布占位底共用一份;此前 CockpitShell 氛围底渐变与 MapCanvas 底各写一份裸值。 */
     --bg-1: #02091b;
-    --panel-top: rgba(2, 9, 27, 0.8);
+    --panel-top: rgba(0, 82, 155, 0.8);
     --panel-mid: rgba(0, 28, 70, 0.5);
-    --panel-bot: rgba(0, 15, 52, 0.82);
+    --panel-bot: rgba(0, 12, 32, 0.82);
     --panel-line: rgba(1, 171, 234, 0.35);
     --panel-line-hi: #01abea;
     --inset: rgba(0, 31, 92, 0.5);