eomsangdon/Aislo
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

style(B04): 3D 표고 범례 판 · 글 색 = 테마 값 — 어두움에 흰 판 안 남음 (PLAN 556-1 · 요구 383)

Browse Source 
- 판 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>
This commit is contained in:
eomsangdon
2026-10-27 06:55:34 +09:00
co-authored by Claude Opus 5.5
parent eff165ef1e
commit 48db0a8dfe
2 changed files with 15 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
B04_PreProcess/B04_PreProcess_UI_TerrainViewer_Chrome.ts
+6 -5
View File
@@ -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);