From eff165ef1ef1099f47356cc8f5b5c28e0c6270ca Mon Sep 17 00:00:00 2001 From: umsangdon Date: Tue, 27 Oct 2026 06:49:51 +0900 Subject: [PATCH 1/2] =?UTF-8?q?style(B03):=20=EB=B3=B8=EB=AC=B8=20?= =?UTF-8?q?=ED=9D=B0=E2=86=92=EC=B4=88=EB=A1=9D=20=EA=B7=B8=EB=9F=AC?= =?UTF-8?q?=EB=8D=B0=EC=9D=B4=EC=85=98=20=EB=B0=94=ED=83=95=20=EA=B1=B7?= =?UTF-8?q?=EC=9D=8C=20=E2=80=94=20=ED=8B=80=20=ED=8E=98=EC=9D=B4=EC=A7=80?= =?UTF-8?q?=20=EB=B0=94=ED=83=95(--color-bg)=20=EC=9C=84=20=ED=9D=B0=20?= =?UTF-8?q?=EC=B9=B4=EB=93=9C=20(PLAN=20556-1)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - B04 · B05 · B06 · A00_Common/design 은 틀(c3e83a637)로 바탕 반영 · 카드 · 그림 판 그대로 - 지킴 시험 test_556_1_page_bg 에 B03 줄 Co-Authored-By: Claude Opus 5.5 --- B03_FileInput/B03_FileInput_UI_Style.css | 1 - resources/tester/test_556_1_page_bg.py | 5 +++++ 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/B03_FileInput/B03_FileInput_UI_Style.css b/B03_FileInput/B03_FileInput_UI_Style.css index dd8bffd9b..30b99ce13 100644 --- a/B03_FileInput/B03_FileInput_UI_Style.css +++ b/B03_FileInput/B03_FileInput_UI_Style.css @@ -1,6 +1,5 @@ .b03-file { min-height: calc(100dvh - var(--app-header-height, 0px)); - background: linear-gradient(180deg, var(--color-canvas) 0%, var(--color-accent-soft) 100%); padding: 0 var(--spacing-24) var(--spacing-48) var(--spacing-24); /* 상단 여백은 main-layout 마진으로 조정하므로 padding-top은 0 */ } diff --git a/resources/tester/test_556_1_page_bg.py b/resources/tester/test_556_1_page_bg.py index ef21f31ec..abd6818cf 100644 --- a/resources/tester/test_556_1_page_bg.py +++ b/resources/tester/test_556_1_page_bg.py @@ -22,3 +22,8 @@ def test_workflow_main_uses_page_bg(): def test_general_layout_uses_page_bg(): css = (ROOT / "ui_template/ui_template_general_layout.css").read_text(encoding="utf-8") assert "background: var(--color-bg)" in _rule(css, ".ui-general-layout") + + +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") From 48db0a8dfeb725ee8c3623e84740a13d222eaa3d Mon Sep 17 00:00:00 2001 From: umsangdon Date: Tue, 27 Oct 2026 06:55:34 +0900 Subject: [PATCH 2/2] =?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 --- .../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