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

@@ -415,7 +415,7 @@ export function EntitySearchInputComponent({
className={cn(
"box-border flex min-h-[40px] w-full flex-wrap items-center gap-2 rounded-md border bg-white px-3 py-2",
!disabled && "hover:border-primary/50",
disabled && "cursor-not-allowed bg-gray-100 opacity-60",
disabled && "cursor-not-allowed bg-muted opacity-60",
)}
onClick={() => !disabled && !isLoading && setSelectOpen(true)}
style={{ cursor: disabled ? "not-allowed" : "pointer" }}
@@ -427,7 +427,7 @@ export function EntitySearchInputComponent({
return (
<span
key={val}
className="flex items-center gap-1 rounded bg-blue-100 px-2 py-1 text-sm text-blue-800"
className="flex items-center gap-1 rounded bg-primary/10 px-2 py-1 text-sm text-primary"
>
{label}
{!disabled && (
@@ -437,7 +437,7 @@ export function EntitySearchInputComponent({
e.stopPropagation();
handleRemoveValue(val);
}}
className="ml-1 text-blue-600 hover:text-blue-800"
className="ml-1 text-primary hover:text-primary"
>
×
</button>
@@ -598,7 +598,7 @@ export function EntitySearchInputComponent({
className={cn(
"box-border flex min-h-[40px] flex-1 flex-wrap items-center gap-2 rounded-md border bg-white px-3 py-2",
!disabled && "hover:border-primary/50",
disabled && "cursor-not-allowed bg-gray-100 opacity-60",
disabled && "cursor-not-allowed bg-muted opacity-60",
)}
>
{selectedValues.length > 0 ? (
@@ -610,7 +610,7 @@ export function EntitySearchInputComponent({
return (
<span
key={val}
className="flex items-center gap-1 rounded bg-blue-100 px-2 py-1 text-sm text-blue-800"
className="flex items-center gap-1 rounded bg-primary/10 px-2 py-1 text-sm text-primary"
>
{label}
{!disabled && (
@@ -620,7 +620,7 @@ export function EntitySearchInputComponent({
e.stopPropagation();
handleRemoveValue(val);
}}
className="ml-1 text-blue-600 hover:text-blue-800"
className="ml-1 text-primary hover:text-primary"
>
×
</button>