Ver código fonte

style(cockpit): reverse panel color gradient, mid opacity to 0.4

维护者两项调整:
- 渐变方向反转:深邃近黑蓝(顶)→ 半透中蓝 → 亮科技蓝(底,沉边)
- --panel-mid 继续调低 0.5 → 0.4
batch2-final-acceptance 的 panel-top 锁值断言跟随新 top 色。
ChenJZ 3 dias atrás
pai
commit
7fdedee528

+ 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 维护者要求面板颜色渐变(色相可感知):--panel-top 换亮科技蓝,断言跟随。
-assert.match(tokens, /--panel-top:\s*rgba\(0,\s*82,\s*155,\s*0\.8\)/)
+// 2026-10-23 面板颜色渐变反转:深邃近黑蓝(顶)→ 中蓝 → 亮科技蓝(底),断言跟随新 top。
+assert.match(tokens, /--panel-top:\s*rgba\(0,\s*12,\s*32,\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' } }

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

@@ -32,15 +32,16 @@
        同日再调:--panel-mid → 0.6、再 → 0.5(渐变中段对透出地图的观感影响最明显);
        磨砂模糊同步增强 12px → 16px(CockpitPanel)。
        2026-10-23 维护者要求**颜色渐变**(色相可感知,不只是透明度):
-       top 换亮科技蓝 #00529b@0.8、bot 加深到 #000c20@0.82 —— 面板自上而下
-       「亮蓝 → 半透中蓝 → 深邃近黑蓝」,mid 0.5 保持不变。 */
+       先是「亮蓝(顶)→ 中蓝 → 深邃近黑蓝(底)」,同日反转并调透:
+       **深邃近黑蓝(顶)→ 半透中蓝 → 亮科技蓝(底)**,亮蓝沉底收边;
+       --panel-mid 继续调低 0.5 → 0.4。 */
     --bg-0: #010514;
     /* 票 18(批次 5):第二底色(设计稿面板顶 #02091b 的基色)——页面氛围底的中停与
        地图画布占位底共用一份;此前 CockpitShell 氛围底渐变与 MapCanvas 底各写一份裸值。 */
     --bg-1: #02091b;
-    --panel-top: rgba(0, 82, 155, 0.8);
-    --panel-mid: rgba(0, 28, 70, 0.5);
-    --panel-bot: rgba(0, 12, 32, 0.82);
+    --panel-top: rgba(0, 12, 32, 0.82);
+    --panel-mid: rgba(0, 28, 70, 0.4);
+    --panel-bot: rgba(0, 82, 155, 0.8);
     --panel-line: rgba(1, 171, 234, 0.35);
     --panel-line-hi: #01abea;
     --inset: rgba(0, 31, 92, 0.5);