From c3e83a6375177d09e049a983bdc94071385fd0ba Mon Sep 17 00:00:00 2001
From: umsangdon <umsangdon@gmail.com>
Date: Tue, 27 Oct 2026 06:47:46 +0900
Subject: [PATCH] =?UTF-8?q?style(=ED=8B=80):=20=EC=9E=91=EC=97=85=20?=
 =?UTF-8?q?=ED=99=94=EB=A9=B4=20=EB=B3=B8=EB=AC=B8=20=EB=B0=94=ED=83=95=20?=
 =?UTF-8?q?=3D=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=B0=94=ED=83=95(--color-?=
 =?UTF-8?q?bg)=20=C2=B7=20=ED=9D=B0=20=EB=B0=94=ED=83=95=20=EA=B1=B7?=
 =?UTF-8?q?=EC=9D=8C=20(PLAN=20556-1)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- ui-workflow-layout__main 바탕 --color-canvas → --color-bg(대시보드 #f6f7f9 · 어두움 대응)
- 지킴 시험 test_556_1_page_bg — 작업 · 일반 화면 틀 본문 바탕

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 resources/tester/test_556_1_page_bg.py      | 24 +++++++++++++++++++++
 ui_template/ui_template_workflow_layout.css |  3 ++-
 2 files changed, 26 insertions(+), 1 deletion(-)
 create mode 100644 resources/tester/test_556_1_page_bg.py

diff --git a/resources/tester/test_556_1_page_bg.py b/resources/tester/test_556_1_page_bg.py
new file mode 100644
index 000000000..ef21f31ec
--- /dev/null
+++ b/resources/tester/test_556_1_page_bg.py
@@ -0,0 +1,24 @@
+"""556-1 작업 화면 본문 바탕 = 테마 페이지 바탕(--color-bg) — 틀 · 페이지가 흰 바탕을 다시 박지 않음."""
+
+import re
+from pathlib import Path
+
+ROOT = Path(__file__).resolve().parents[2]
+
+
+def _rule(css: str, selector: str) -> str:
+    m = re.search(re.escape(selector) + r"\s*\{([^}]*)\}", css)
+    assert m, f"{selector} 규칙 없음"
+    return m.group(1)
+
+
+def test_workflow_main_uses_page_bg():
+    css = (ROOT / "ui_template/ui_template_workflow_layout.css").read_text(encoding="utf-8")
+    body = _rule(css, ".ui-workflow-layout__main")
+    assert "background: var(--color-bg)" in body
+    assert "--color-canvas" not in body
+
+
+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")
diff --git a/ui_template/ui_template_workflow_layout.css b/ui_template/ui_template_workflow_layout.css
index 39cbcb9d6..05794f43f 100644
--- a/ui_template/ui_template_workflow_layout.css
+++ b/ui_template/ui_template_workflow_layout.css
@@ -132,12 +132,13 @@
   }
 }
 
+/* 본문 바탕(556-1) = 페이지 바탕 · 내용 덩어리는 흰 카드 · 그림 판은 제 색(--draw-*) */
 .ui-workflow-layout__main {
   width: 100%;
   min-width: 0;
   min-height: calc(100dvh - var(--app-header-h));
   overflow: auto;
-  background: var(--color-canvas);
+  background: var(--color-bg);
 }
 
 /* ☰ 들여쓰기(7-2) — 본문 첫 줄이 ☰ 자리를 비키려면 본문 왼쪽 끝에서 더 비울 폭.