fix(D03 그림): − 노드 색 진한 파랑 #3b6bff — 민트 노선 선과 구분(대비 3.18 : 1) (PLAN 625-5 · 요구 540)

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_015uTVHDqStFX129bJDAJXB1

D03_PlanAnalysis/D03_PlanAnalysis_UI_DrawPaint.ts

@@ -4,7 +4,7 @@
  *   `D03_PlanAnalysis_UI_Edit`(고르기 · 고치기)가 같이 씀. 그림 = 선 · 측점 · 구간 글 · 꺾임점 · 마크 · 연도 ·
  *   미리보기(거리 · 가상 종단 기울기 % · °) · 집기 = 화면 px 둘레 선 위 자리.
  *   길이·기울기 고정 부채꼴(625-2) — 정방향 = 채움 · 역방향 = 테두리 · 노드 · 놓인 꺾임점 · 미리보기 고리 =
- *     기울기 부호 색(+ 오르막 `--draw-map-slope-up` 따뜻한 색 · − 내리막 `--draw-map-slope-down` 찬 색 · 막힘 = 경고 빨강).
+ *     기울기 부호 색(+ 오르막 `--draw-map-slope-up` 따뜻한 색 · − 내리막 `--draw-map-slope-down` 진한 파랑 · 막힘 = 경고 빨강).
  *     `paintFan` · `paintPreview` = ScreenMap 의 `toScreen` · `pxPerMeter` · `upright` 만 씀 — B05 평면(626-3)이 그대로 씀.
  *   지점 핀(585-1) = 따로 겹(`pointLayer` · 겹 목록 맨 끝 = 늘 맨 위) · 색 = 목록 줄과 같은 `pointColor(i)` · 끌기 · 메뉴 = `D03_PlanAnalysis_UI_Points`.
  * ========================================================================== */
@@ -63,7 +63,7 @@ export function slopeColor(pct: number | null): string {
   if (pct === null) return "#ffffff";
   return pct >= 0
     ? themeColor("--draw-map-slope-up", "#ff9e2c")
-    : themeColor("--draw-map-slope-down", "#29e0ff");
+    : themeColor("--draw-map-slope-down", "#3b6bff");
 }
 
 /** 부채꼴 호 그림 걸음(라디안 · 약 3°). */

resources/tester/test_551_2_draw_tokens.py

@@ -29,7 +29,10 @@ DRAW_READS = [
     ("B05_Profile/B05_Profile_UI_RouteEdit_Render.ts", '"--draw-surface"'),
     ("B05_Profile/B05_Profile_UI_RouteEdit_Render.ts", '"--draw-text-secondary"'),
     ("B05_Profile/B05_Profile_UI_RouteEdit_Render.ts", '"--draw-danger"'),
-    ("B05_Profile/B05_Profile_UI_RouteEdit_RecPreview.ts", '"--draw-map-sketch"'),  # 626-1 추천 보기
+    (
+        "B05_Profile/B05_Profile_UI_RouteEdit_RecPreview.ts",
+        '"--draw-map-sketch"',
+    ),  # 626-1 추천 보기
     ("B05_Profile/B05_Profile_UI_Viewer.ts", '"--draw-surface-raised"'),
     ("B04_PreProcess/B04_PreProcess_UI_Camera.ts", '"--draw-surface-raised"'),
     ("D03_PlanAnalysis/D03_PlanAnalysis_UI_Map.ts", '"--draw-map-sketch"'),
@@ -185,6 +188,17 @@ def test_map_drawing_colors_fixed_and_readable_on_dark_map():
         assert (lum + 0.05) / 0.05 >= 3, name
 
 
+def test_slope_down_node_distinct_from_route_mint():
+    """625-5 − 노드 색 = 진한 파랑 · 민트 노선 선(route-0)과 · 어두운 바탕과 · 검은 테와 각각 ≥ 3 : 1."""
+    light = _blocks(THEME.read_text(encoding="utf-8"))["light"]
+    blue = light["--draw-map-slope-down"]
+    assert blue == "#3b6bff"
+    for other in (light["--draw-map-route-0"], "#1f2937"):
+        hi, lo = sorted((_lum(blue), _lum(other)), reverse=True)
+        assert (hi + 0.05) / (lo + 0.05) >= 3, other
+    assert (_lum(blue) + 0.05) / 0.05 >= 3
+
+
 def test_paint_network_uses_cased_route_lines():
     src = (ROOT / "D03_PlanAnalysis/D03_PlanAnalysis_UI_DrawPaint.ts").read_text(encoding="utf-8")
     body = src[src.index("export function paintNetwork") : src.index("export function pointLayer")]

ui_template/ui_template_theme.css

@@ -602,7 +602,7 @@ html.is-bm-route .m01lab-src__body * {
   --draw-map-measure: #ffffff; /* 거리재기 */
   --draw-map-warn: #ff5a4d; /* 긋기 막힘(경고) */
   --draw-map-slope-up: #ff9e2c; /* 긋기 기울기 부호 — + 오르막(따뜻한 색 · 노드 · 꺾임점) */
-  --draw-map-slope-down: #29e0ff; /* − 내리막(찬 색) */
+  --draw-map-slope-down: #3b6bff; /* − 내리막(진한 파랑 · 민트 노선 선 #3df5c4 와 ≥ 3 : 1) */
   --draw-map-route-0: #3df5c4; /* 예정노선 선마다 차례 색(개발제한 · 산사태 주황과 가름) */
   --draw-map-route-1: #6db8ff;
   --draw-map-route-2: #cf9dff;