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

@@ -173,7 +173,7 @@ export function AutocompleteSearchInputConfigPanel({
<Check className={cn("mr-2 h-4 w-4", localConfig.tableName === table.tableName ? "opacity-100" : "opacity-0")} />
<div className="flex flex-col">
<span className="font-medium">{table.displayName || table.tableName}</span>
{table.displayName && <span className="text-[10px] text-gray-500">{table.tableName}</span>}
{table.displayName && <span className="text-[10px] text-muted-foreground">{table.tableName}</span>}
</div>
</CommandItem>
))}
@@ -266,7 +266,7 @@ export function AutocompleteSearchInputConfigPanel({
<Check className={cn("mr-2 h-4 w-4", isSelected ? "opacity-100" : "opacity-0")} />
<div className="flex flex-col">
<span className="font-medium">{column.displayName || column.columnName}</span>
{column.displayName && <span className="text-[10px] text-gray-500">{column.columnName}</span>}
{column.displayName && <span className="text-[10px] text-muted-foreground">{column.columnName}</span>}
</div>
</CommandItem>
);
@@ -335,7 +335,7 @@ export function AutocompleteSearchInputConfigPanel({
<Check className={cn("mr-2 h-4 w-4", localConfig.targetTable === table.tableName ? "opacity-100" : "opacity-0")} />
<div className="flex flex-col">
<span className="font-medium">{table.displayName || table.tableName}</span>
{table.displayName && <span className="text-[10px] text-gray-500">{table.tableName}</span>}
{table.displayName && <span className="text-[10px] text-muted-foreground">{table.tableName}</span>}
</div>
</CommandItem>
))}
@@ -446,13 +446,13 @@ export function AutocompleteSearchInputConfigPanel({
</div>
{mapping.sourceField && mapping.targetField && (
<div className="rounded bg-blue-50 p-2 dark:bg-blue-950">
<p className="text-[10px] text-blue-700 dark:text-blue-300">
<code className="rounded bg-blue-100 px-1 font-mono dark:bg-blue-900">
<div className="rounded bg-primary/10 p-2 dark:bg-primary/15">
<p className="text-[10px] text-primary dark:text-primary/80">
<code className="rounded bg-primary/10 px-1 font-mono dark:bg-primary/20">
{localConfig.tableName}.{mapping.sourceField}
</code>
{" → "}
<code className="rounded bg-blue-100 px-1 font-mono dark:bg-blue-900">
<code className="rounded bg-primary/10 px-1 font-mono dark:bg-primary/20">
{localConfig.targetTable}.{mapping.targetField}
</code>
</p>
@@ -476,11 +476,11 @@ export function AutocompleteSearchInputConfigPanel({
{/* 설정 요약 */}
{localConfig.tableName && localConfig.targetTable && (localConfig.fieldMappings || []).length > 0 && (
<div className="rounded-lg border bg-green-50 p-4 dark:bg-green-950">
<h3 className="mb-2 text-sm font-semibold text-green-800 dark:text-green-200">
<div className="rounded-lg border bg-emerald-50 p-4 dark:bg-emerald-950">
<h3 className="mb-2 text-sm font-semibold text-emerald-800 dark:text-emerald-200">
</h3>
<div className="space-y-1 text-xs text-green-700 dark:text-green-300">
<div className="space-y-1 text-xs text-emerald-700 dark:text-emerald-300">
<p>
<strong> :</strong> {localConfig.tableName}
</p>