style(table): 입력 칸 테두리 색 = 두 테마 변수 혼합(accent 60% · canvas) (241-2)

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_018jonfdxn1Xit9bdkNJpE4G

resources/tester/test_241_1_input_cell_border.py

@@ -16,8 +16,13 @@ def _rule(css: str, selector: str) -> str:
 def test_입력_칸_채움_색_없고_안쪽_테두리():
     body = _rule(CSS.read_text(encoding="utf-8"), ".ui-data-table__input")
     assert "background: transparent;" in body
-    assert "color-mix" not in body  # 옛 accent 5% 채움 없음
-    assert "box-shadow: inset 0 0 0 1px var(--color-accent);" in body
+    assert "background: color-mix" not in body  # 옛 accent 5% 채움 없음
+    # 241-2 두 테마 — 진한 accent 60% + 캔버스(밝음 · 어두움 모두 캔버스 대비 3:1 넘음 · 초점 2px 와 갈림)
+    assert (
+        "box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-accent) 60%, var(--color-canvas));"
+        in body
+    )
+    assert "#" not in body  # 하드코딩 색 없음 — 테마 변수만
     assert "border: 0;" in body  # 테두리는 inset — 칸 크기 · 줄 높이 불변
     assert "height: var(--dt-row-h);" in body
 

ui_template/ui_template_data_table.css

@@ -169,7 +169,7 @@
   padding: 0 var(--spacing-8);
   border: 0;
   background: transparent;
-  box-shadow: inset 0 0 0 1px var(--color-accent);
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-accent) 60%, var(--color-canvas));
   color: inherit;
   font: inherit;
   font-variant-numeric: tabular-nums;