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:
@@ -35,31 +35,31 @@ const getFileIcon = (extension: string) => {
|
||||
const ext = extension.toLowerCase().replace(".", "");
|
||||
|
||||
if (["jpg", "jpeg", "png", "gif", "bmp", "webp", "svg"].includes(ext)) {
|
||||
return <FileImage className="h-6 w-6 text-blue-500" />;
|
||||
return <FileImage className="h-6 w-6 text-primary" />;
|
||||
}
|
||||
if (["mp4", "avi", "mov", "wmv", "flv", "webm"].includes(ext)) {
|
||||
return <FileVideo className="h-6 w-6 text-purple-500" />;
|
||||
}
|
||||
if (["mp3", "wav", "flac", "aac", "ogg"].includes(ext)) {
|
||||
return <FileAudio className="h-6 w-6 text-green-500" />;
|
||||
return <FileAudio className="h-6 w-6 text-emerald-500" />;
|
||||
}
|
||||
if (["pdf"].includes(ext)) {
|
||||
return <FileText className="h-6 w-6 text-red-500" />;
|
||||
return <FileText className="h-6 w-6 text-destructive" />;
|
||||
}
|
||||
if (["doc", "docx", "hwp", "hwpx", "pages"].includes(ext)) {
|
||||
return <FileText className="h-6 w-6 text-blue-600" />;
|
||||
return <FileText className="h-6 w-6 text-primary" />;
|
||||
}
|
||||
if (["xls", "xlsx", "hcell", "numbers"].includes(ext)) {
|
||||
return <FileText className="h-6 w-6 text-green-600" />;
|
||||
return <FileText className="h-6 w-6 text-emerald-600" />;
|
||||
}
|
||||
if (["ppt", "pptx", "hanshow", "keynote"].includes(ext)) {
|
||||
return <Presentation className="h-6 w-6 text-orange-500" />;
|
||||
return <Presentation className="h-6 w-6 text-amber-500" />;
|
||||
}
|
||||
if (["zip", "rar", "7z", "tar", "gz"].includes(ext)) {
|
||||
return <Archive className="h-6 w-6 text-gray-500" />;
|
||||
return <Archive className="h-6 w-6 text-muted-foreground" />;
|
||||
}
|
||||
|
||||
return <File className="h-6 w-6 text-gray-400" />;
|
||||
return <File className="h-6 w-6 text-muted-foreground/70" />;
|
||||
};
|
||||
|
||||
export interface FileUploadComponentProps {
|
||||
|
||||
Reference in New Issue
Block a user