Przeglądaj źródła

style(cockpit): panel mid to 0.5, stronger blur, bluer scene grade

维护者三项调整:
- --panel-mid 0.6 → 0.5(渐变中段更透)
- CockpitPanel 磨砂 12px → 16px(调透后保住可读性)
- 场景调色 tintStrength 0.18 → 0.26(整体更蓝、科技感更重;
  阴影着色加重的数学边界已由 t49 B1 验算:红/绿语义与白色端点不变)
config.example.json 与本地 config.json 的 grade 同步;t49 E1 期望跟随。
ChenJZ 10 godzin temu
rodzic
commit
84abccb907

+ 1 - 1
.scratch/cockpit-shell-panel-layout/verify/t49-scene-grade.mjs

@@ -196,7 +196,7 @@ const { builtinConfig, normalizeConfig } = await import('../../../src/modules/co
     const example = JSON.parse(read('public/cockpit/config.example.json'))
     assert.deepEqual(
         example.map.grade,
-        { enabled: true, saturation: 0.82, brightness: 0.96, contrast: 1.08, tint: '#2fa8ff', tintStrength: 0.18 },
+        { enabled: true, saturation: 0.82, brightness: 0.96, contrast: 1.08, tint: '#2fa8ff', tintStrength: 0.26 },
         '模板暴露 map.grade 且与代码默认一致',
     )
     assert.ok(example._readme.some((line) => line.includes('map.grade')), '模板 readme 说明调色的语义与红线')

+ 1 - 1
public/cockpit/config.example.json

@@ -81,7 +81,7 @@
       "brightness": 0.96,
       "contrast": 1.08,
       "tint": "#2fa8ff",
-      "tintStrength": 0.18
+      "tintStrength":  0.26
     },
     "ui": {
       "debug": null

+ 3 - 2
src/modules/cockpit/components/CockpitPanel.vue

@@ -92,8 +92,9 @@ const panelIconSize = 'calc(17 * var(--u, 1px))'
         var(--panel-mid, rgba(0, 53, 156, 0.2)) 26%,
         var(--panel-bot, rgba(0, 15, 52, 0.38)) 100%
     );
-    backdrop-filter: blur(12px) saturate(115%);
-    -webkit-backdrop-filter: blur(12px) saturate(115%);
+    /* 2026-10-22 维护者要求磨砂稍微增强:12px → 16px(面板调透后保住文字可读性)。 */
+    backdrop-filter: blur(16px) saturate(115%);
+    -webkit-backdrop-filter: blur(16px) saturate(115%);
     box-shadow: inset 0 1px 0 rgba(1, 171, 234, 0.14), var(--shadow, 0 18px 44px rgba(0, 0, 0, 0.55));
 }
 

+ 3 - 2
src/modules/cockpit/domain/sceneGrade.js

@@ -28,8 +28,9 @@ export const GRADE_DEFAULTS = {
     contrast: 1.08,
     /** 目标色调(科技蓝,与驾驶舱 --cyan 同族)。 */
     tint: '#2fa8ff',
-    /** 阴影向 tint 的混合上限(实际权重 = tintStrength × (1 − 亮度),暗部偏蓝最多)。 */
-    tintStrength: 0.18,
+    /** 阴影向 tint 的混合上限(实际权重 = tintStrength × (1 − 亮度),暗部偏蓝最多)。
+     *  2026-10-22 维护者要求整体更蓝:0.18 → 0.26(暗部科技蓝更重,高光仍几乎不动)。 */
+    tintStrength: 0.26,
 }
 
 const clamp01 = (x) => Math.min(1, Math.max(0, x))

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

@@ -29,13 +29,14 @@
        维护者反馈地图透底影响读数:运行时不透明度改为 .88/.82/.90,中段加深至 #001c46;
        CockpitPanel 叠加 12px 磨砂模糊,属于已确认可读性偏差。
        2026-10-22 维护者要求稍微调透(有磨砂兜底):三档各降 0.08 → .80/.74/.82;
-       同日再调:--panel-mid 降到 0.6(渐变中段对透出地图的观感影响最明显)。 */
+       同日再调:--panel-mid → 0.6、再 → 0.5(渐变中段对透出地图的观感影响最明显);
+       磨砂模糊同步增强 12px → 16px(CockpitPanel)。 */
     --bg-0: #010514;
     /* 票 18(批次 5):第二底色(设计稿面板顶 #02091b 的基色)——页面氛围底的中停与
        地图画布占位底共用一份;此前 CockpitShell 氛围底渐变与 MapCanvas 底各写一份裸值。 */
     --bg-1: #02091b;
     --panel-top: rgba(2, 9, 27, 0.8);
-    --panel-mid: rgba(0, 28, 70, 0.6);
+    --panel-mid: rgba(0, 28, 70, 0.5);
     --panel-bot: rgba(0, 15, 52, 0.82);
     --panel-line: rgba(1, 171, 234, 0.35);
     --panel-line-hi: #01abea;