style(틀): 작업 화면 본문 바탕 = 페이지 바탕(--color-bg) · 흰 바탕 걷음 (PLAN 556-1)

- 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

@@ -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")

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) — 본문 첫 줄이 ☰ 자리를 비키려면 본문 왼쪽 끝에서 더 비울 폭.