(김준회) 돌체 관련, 다크모드 지원하도록 개선

- 가능하면 시멘틱 색상 사용(muted, muted-foreground)
- 어려운 컬러는 dark: 변수로 다크모드 클래스 지정

1 files changed, 9 insertions, 9 deletions

diff --git a/components/ship-vendor-document/edit-revision-dialog.tsx b/components/ship-vendor-document/edit-revision-dialog.tsx
index 313a27bc..2b8735e7 100644
--- a/components/ship-vendor-document/edit-revision-dialog.tsx
+++ b/components/ship-vendor-document/edit-revision-dialog.tsx
@@ -190,12 +190,12 @@ function RevisionInfoDisplay({ revision }: { revision: RevisionInfo }) {
       case 'APPROVED': return 'bg-green-100 text-green-800'
       case 'UPLOADED': return 'bg-blue-100 text-blue-800'
       case 'REJECTED': return 'bg-red-100 text-red-800'
-      default: return 'bg-gray-100 text-gray-800'
+      default: return 'bg-muted text-muted-foreground'
     }
   }
 
   return (
-    <div className="space-y-3 p-4 bg-gray-50 rounded-lg border">
+    <div className="space-y-3 p-4 bg-muted/50 rounded-lg border">
       <div className="flex items-center justify-between">
         <div className="flex items-center gap-3">
           <Badge variant="outline" className="text-base font-mono">
@@ -211,7 +211,7 @@ function RevisionInfoDisplay({ revision }: { revision: RevisionInfo }) {
           )}
         </div>
         
-        <div className="flex items-center gap-2 text-sm text-gray-600">
+        <div className="flex items-center gap-2 text-sm text-muted-foreground">
           <FileText className="h-4 w-4" />
           <span>{revision.attachments?.length || 0} file(s)</span>
           {processedCount > 0 && (
@@ -224,11 +224,11 @@ function RevisionInfoDisplay({ revision }: { revision: RevisionInfo }) {
 
       <div className="grid grid-cols-2 gap-4 text-sm">
         <div>
-          <span className="text-gray-500">Uploader:</span>
+          <span className="text-muted-foreground">Uploader:</span>
           <span className="ml-2 font-medium">{revision.uploaderName || '-'}</span>
         </div>
         <div>
-          <span className="text-gray-500">Upload Date:</span>
+          <span className="text-muted-foreground">Upload Date:</span>
           <span className="ml-2">
             {revision.uploadedAt 
               ? new Date(revision.uploadedAt).toLocaleDateString()
@@ -240,7 +240,7 @@ function RevisionInfoDisplay({ revision }: { revision: RevisionInfo }) {
 
       {revision.comment && (
         <div className="pt-2 border-t">
-          <span className="text-gray-500 text-sm">Current Comment:</span>
+          <span className="text-muted-foreground text-sm">Current Comment:</span>
           <p className="mt-1 text-sm bg-white p-2 rounded border">
             {revision.comment}
           </p>
@@ -577,10 +577,10 @@ export function EditRevisionDialog({
                       {revision.attachments.map((file, index) => (
                         <div
                           key={file.id}
-                          className="flex items-center justify-between p-2 bg-gray-50 rounded text-sm"
+                          className="flex items-center justify-between p-2 bg-muted/50 rounded text-sm"
                         >
                           <div className="flex items-center gap-2 flex-1 min-w-0">
-                            <FileText className="h-4 w-4 text-gray-500 flex-shrink-0" />
+                            <FileText className="h-4 w-4 text-muted-foreground flex-shrink-0" />
                             <span className="truncate" title={file.fileName}>
                               {file.fileName}
                             </span>
@@ -667,7 +667,7 @@ export function EditRevisionDialog({
                   </div>
                 </div>
 
-                <div className="space-y-3 text-sm text-gray-600">
+                <div className="space-y-3 text-sm text-muted-foreground">
                   <p>This action will permanently delete:</p>
                   <ul className="list-disc list-inside space-y-1 ml-4">
                     <li>Revision metadata and settings</li>