From 4f02f0bad1ed894dad1ac117c33d674d9aee6707 Mon Sep 17 00:00:00 2001
From: kjs <kjs@wace.me>
Date: Thu, 6 Nov 2025 11:51:11 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20TableList=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=20=EA=B7=B8=EB=9D=BC=EB=8D=B0=EC=9D=B4?=
 =?UTF-8?q?=EC=85=98=20=EC=A0=9C=EA=B1=B0=20(shadcn=20=EA=B0=80=EC=9D=B4?=
 =?UTF-8?q?=EB=93=9C=EB=9D=BC=EC=9D=B8=20=EC=A4=80=EC=88=98)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 테이블 헤더의 그라데이션 제거 (bg-gradient-to-b from-muted/50 to-muted → bg-muted)
- CardModeRenderer 빈 상태 아이콘의 그라데이션 제거
- 하드코딩된 slate 색상을 shadcn 토큰으로 변경 (bg-muted, text-muted-foreground)
- 일관된 단색 배경으로 심플하고 깔끔한 디자인 유지

shadcn/ui 가이드라인:
- 테이블 헤더는 단색 bg-muted 사용
- 색상 토큰 사용으로 다크모드 자동 대응
- 불필요한 그라데이션 제거
---
 .../registry/components/table-list/CardModeRenderer.tsx   | 8 ++++----
 .../registry/components/table-list/TableListComponent.tsx | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/lib/registry/components/table-list/CardModeRenderer.tsx b/frontend/lib/registry/components/table-list/CardModeRenderer.tsx
index 2988f864..ad686e51 100644
--- a/frontend/lib/registry/components/table-list/CardModeRenderer.tsx
+++ b/frontend/lib/registry/components/table-list/CardModeRenderer.tsx
@@ -113,11 +113,11 @@ export const CardModeRenderer: React.FC<CardModeRendererProps> = ({
   if (!data || data.length === 0) {
     return (
       <div className="flex flex-col items-center justify-center py-12 text-center">
-        <div className="w-16 h-16 bg-gradient-to-br from-slate-100 to-slate-200 rounded-2xl flex items-center justify-center mb-4">
-          <div className="w-8 h-8 bg-slate-300 rounded-lg"></div>
+        <div className="w-16 h-16 bg-muted rounded-2xl flex items-center justify-center mb-4">
+          <div className="w-8 h-8 bg-muted-foreground/20 rounded-lg"></div>
         </div>
-        <div className="text-sm font-medium text-slate-600 mb-1">표시할 데이터가 없습니다</div>
-        <div className="text-xs text-slate-400">조건을 변경하거나 새로운 데이터를 추가해보세요</div>
+        <div className="text-sm font-medium text-muted-foreground mb-1">표시할 데이터가 없습니다</div>
+        <div className="text-xs text-muted-foreground/60">조건을 변경하거나 새로운 데이터를 추가해보세요</div>
       </div>
     );
   }
diff --git a/frontend/lib/registry/components/table-list/TableListComponent.tsx b/frontend/lib/registry/components/table-list/TableListComponent.tsx
index 338ef0f6..ca1d9369 100644
--- a/frontend/lib/registry/components/table-list/TableListComponent.tsx
+++ b/frontend/lib/registry/components/table-list/TableListComponent.tsx
@@ -1597,7 +1597,7 @@ export const TableListComponent: React.FC<TableListComponentProps> = ({
               <thead
                 className="sticky top-0 z-10"
               >
-                <tr className="h-10 border-b-2 border-primary/20 bg-gradient-to-b from-muted/50 to-muted sm:h-12">
+                <tr className="h-10 border-b-2 border-primary/20 bg-muted sm:h-12">
                   {visibleColumns.map((column, columnIndex) => {
                     const columnWidth = columnWidths[column.columnName];
                     const isFrozen = frozenColumns.includes(column.columnName);