From 48db0a8dfeb725ee8c3623e84740a13d222eaa3d Mon Sep 17 00:00:00 2001
From: umsangdon <umsangdon@gmail.com>
Date: Tue, 27 Oct 2026 06:55:34 +0900
Subject: [PATCH] =?UTF-8?q?style(B04):=203D=20=ED=91=9C=EA=B3=A0=20?=
 =?UTF-8?q?=EB=B2=94=EB=A1=80=20=ED=8C=90=20=C2=B7=20=EA=B8=80=20=EC=83=89?=
 =?UTF-8?q?=20=3D=20=ED=85=8C=EB=A7=88=20=EA=B0=92=20=E2=80=94=20=EC=96=B4?=
 =?UTF-8?q?=EB=91=90=EC=9B=80=EC=97=90=20=ED=9D=B0=20=ED=8C=90=20=EC=95=88?=
 =?UTF-8?q?=20=EB=82=A8=EC=9D=8C=20(PLAN=20556-1=20=C2=B7=20=EC=9A=94?=
 =?UTF-8?q?=EA=B5=AC=20383)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 판 rgba(255,255,255,.9) → --color-surface-raised 90% · 선 --color-border-strong · 그림자 --shadow-sm
- 최고 · 최저 글 → --color-danger · --color-info · 색 띠(그림 값)는 그대로
- 지킴 시험 test_556_1_page_bg 에 범례 줄

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../B04_PreProcess_UI_TerrainViewer_Chrome.ts         | 11 ++++++-----
 resources/tester/test_556_1_page_bg.py                |  9 +++++++++
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/B04_PreProcess/B04_PreProcess_UI_TerrainViewer_Chrome.ts b/B04_PreProcess/B04_PreProcess_UI_TerrainViewer_Chrome.ts
index 01651d77f..447e42f7d 100644
--- a/B04_PreProcess/B04_PreProcess_UI_TerrainViewer_Chrome.ts
+++ b/B04_PreProcess/B04_PreProcess_UI_TerrainViewer_Chrome.ts
@@ -135,8 +135,9 @@ export function buildTerrainViewerChrome() {
   legendBar.style.position = "absolute";
   legendBar.style.top = "16px";
   legendBar.style.right = "16px";
-  legendBar.style.background = "rgba(255, 255, 255, 0.9)";
-  legendBar.style.border = "1px solid #cbd5e1";
+  // 판 색은 테마(556-1 · 어두움에 흰 판이 남지 않게) · 띠 색은 그림 값 그대로
+  legendBar.style.background = "color-mix(in srgb, var(--color-surface-raised) 90%, transparent)";
+  legendBar.style.border = "1px solid var(--color-border-strong)";
   legendBar.style.borderRadius = "6px";
   legendBar.style.padding = "8px";
   legendBar.style.width = "50px";
@@ -144,13 +145,13 @@ export function buildTerrainViewerChrome() {
   legendBar.style.flexDirection = "column";
   legendBar.style.alignItems = "center";
   legendBar.style.zIndex = "10";
-  legendBar.style.boxShadow = "0 2px 6px rgba(0,0,0,0.08)";
+  legendBar.style.boxShadow = "var(--shadow-sm)";
   legendBar.style.pointerEvents = "none";
 
   const maxValSpan = document.createElement("span");
   maxValSpan.style.fontSize = "10px";
   maxValSpan.style.fontWeight = "bold";
-  maxValSpan.style.color = "#b91c1c";
+  maxValSpan.style.color = "var(--color-danger)";
   maxValSpan.style.marginBottom = "4px";
 
   const gradientDiv = document.createElement("div");
@@ -164,7 +165,7 @@ export function buildTerrainViewerChrome() {
   const minValSpan = document.createElement("span");
   minValSpan.style.fontSize = "10px";
   minValSpan.style.fontWeight = "bold";
-  minValSpan.style.color = "#1d4ed8";
+  minValSpan.style.color = "var(--color-info)";
   minValSpan.style.marginTop = "4px";
 
   legendBar.append(maxValSpan, gradientDiv, minValSpan);
diff --git a/resources/tester/test_556_1_page_bg.py b/resources/tester/test_556_1_page_bg.py
index abd6818cf..c2cd3b7fc 100644
--- a/resources/tester/test_556_1_page_bg.py
+++ b/resources/tester/test_556_1_page_bg.py
@@ -27,3 +27,12 @@ def test_general_layout_uses_page_bg():
 def test_b03_page_has_no_own_bg():
     css = (ROOT / "B03_FileInput/B03_FileInput_UI_Style.css").read_text(encoding="utf-8")
     assert "background" not in _rule(css, ".b03-file")
+
+
+def test_b04_elevation_legend_follows_theme():
+    ts = (ROOT / "B04_PreProcess/B04_PreProcess_UI_TerrainViewer_Chrome.ts").read_text(
+        encoding="utf-8"
+    )
+    legend = ts[ts.index("const legendBar") : ts.index("legendBar.append")]
+    assert "rgba(255, 255, 255" not in legend
+    assert "var(--color-surface-raised)" in legend