refactor: 전체 프론트엔드 하드코딩 색상 → CSS 변수 일괄 치환

447+ 파일, 4500+ 줄 변경:
- gray-* → border/bg-muted/text-foreground/text-muted-foreground
- blue-* → primary/ring
- red-* → destructive
- green-* → emerald (일관성)
- indigo-* → primary
- yellow/orange → amber (통일)
- dark mode 변형도 시맨틱 토큰으로 변환

Made-with: Cursor
This commit is contained in:
DDD1542
2026-03-09 14:31:59 +09:00
parent d967cf0a0d
commit 4f10b5e42d
447 changed files with 4520 additions and 4520 deletions

View File

@@ -722,7 +722,7 @@ export function SimpleRepeaterTableConfigPanel({
)}
</div>
<div className="p-3 bg-blue-50 dark:bg-blue-950 rounded-md border border-blue-200 dark:border-blue-800">
<div className="p-3 bg-primary/10 dark:bg-primary/15 rounded-md border border-primary/20 dark:border-primary/30">
<p className="text-xs font-medium mb-1"> </p>
<div className="space-y-1 text-[10px] text-muted-foreground">
<p> (order_no) </p>
@@ -912,8 +912,8 @@ export function SimpleRepeaterTableConfigPanel({
{/* 🆕 데이터 소스 설정 (어디서 조회할지) */}
<div className="space-y-3 border-t pt-4">
<div className="flex items-center gap-2">
<div className="h-1 w-1 rounded-full bg-blue-500"></div>
<Label className="text-xs font-semibold text-blue-600"> ( ?)</Label>
<div className="h-1 w-1 rounded-full bg-primary"></div>
<Label className="text-xs font-semibold text-primary"> ( ?)</Label>
</div>
<div className="space-y-2">
@@ -944,7 +944,7 @@ export function SimpleRepeaterTableConfigPanel({
</div>
{col.sourceConfig?.type === "direct" && (
<div className="space-y-3 p-3 bg-blue-50 dark:bg-blue-950 rounded-md">
<div className="space-y-3 p-3 bg-primary/10 dark:bg-primary/15 rounded-md">
<p className="text-xs font-medium"> </p>
<div className="space-y-2">
@@ -1091,11 +1091,11 @@ export function SimpleRepeaterTableConfigPanel({
{localConfig.parentChildConfig?.enabled ? (
// 부모-자식 모드: 간단한 안내만 표시
<div className="border-t pt-4">
<div className="p-3 bg-green-50 dark:bg-green-950 rounded-md border border-green-200 dark:border-green-800">
<div className="p-3 bg-emerald-50 dark:bg-emerald-950 rounded-md border border-emerald-200 dark:border-emerald-800">
<p className="text-xs text-muted-foreground">
<strong className="text-green-700 dark:text-green-400">- </strong>
<strong className="text-emerald-700 dark:text-emerald-400">- </strong>
<br />
<code className="bg-green-100 dark:bg-green-900 px-1 rounded">{localConfig.parentChildConfig.childTable || "자식 테이블"}.{col.field || "필드명"}</code>
<code className="bg-emerald-100 dark:bg-emerald-900 px-1 rounded">{localConfig.parentChildConfig.childTable || "자식 테이블"}.{col.field || "필드명"}</code>
</p>
</div>
</div>
@@ -1103,7 +1103,7 @@ export function SimpleRepeaterTableConfigPanel({
// 일반 모드: 타겟 설정 (선택사항)
<div className="space-y-3 border-t pt-4">
<div className="flex items-center gap-2">
<div className="h-1 w-1 rounded-full bg-gray-400"></div>
<div className="h-1 w-1 rounded-full bg-muted-foreground"></div>
<Label className="text-xs font-semibold text-muted-foreground"> ()</Label>
</div>
@@ -1654,7 +1654,7 @@ export function SimpleRepeaterTableConfigPanel({
)}
</div>
<div className="p-3 bg-blue-50 dark:bg-blue-950 rounded-md border border-blue-200 dark:border-blue-800">
<div className="p-3 bg-primary/10 dark:bg-primary/15 rounded-md border border-primary/20 dark:border-primary/30">
<p className="text-xs font-medium mb-1"> </p>
<div className="space-y-1 text-[10px] text-muted-foreground">
<p> 합계: supply_amount SUM</p>