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

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

1 files changed, 11 insertions, 11 deletions

diff --git a/components/ship-vendor-document/user-vendor-document-table-container.tsx b/components/ship-vendor-document/user-vendor-document-table-container.tsx
index c9118cd0..7fac34a9 100644
--- a/components/ship-vendor-document/user-vendor-document-table-container.tsx
+++ b/components/ship-vendor-document/user-vendor-document-table-container.tsx
@@ -290,7 +290,7 @@ function RevisionTable({
                         {revision.usageType ? (
                           revision.usageType
                         ) : (
-                          <span className="text-gray-400 text-xs">-</span>
+                          <span className="text-muted-foreground text-xs">-</span>
                         )}
                       </span>
                     </TableCell>
@@ -312,12 +312,12 @@ function RevisionTable({
                     <TableCell className="py-1 px-2">
                       {revision.comment ? (
                         <div className="max-w-24">
-                          <p className="text-xs text-gray-700 bg-gray-50 p-1 rounded truncate" title={revision.comment}>
+                          <p className="text-xs text-foreground bg-muted/50 p-1 rounded truncate" title={revision.comment}>
                             {revision.comment}
                           </p>
                         </div>
                       ) : (
-                        <span className="text-gray-400 text-xs">-</span>
+                        <span className="text-muted-foreground text-xs">-</span>
                       )}
                     </TableCell>
                     <TableCell>
@@ -332,7 +332,7 @@ function RevisionTable({
                         <span>{revision.attachments.length}</span>
                         {/* ✅ 처리된 파일 수 표시 */}
                         {processStatus === 'partially-processed' && (
-                          <span className="text-xs text-gray-500">
+                          <span className="text-xs text-muted-foreground">
                             ({revision.attachments.filter(att => 
                               att.dolceFilePath && att.dolceFilePath.trim() !== ''
                             ).length} processed)
@@ -363,7 +363,7 @@ function RevisionTable({
                           className={`h-8 px-2 ${
                             canEdit 
                               ? 'text-blue-600 hover:text-blue-700 hover:bg-blue-50' 
-                              : 'text-gray-400 cursor-not-allowed'
+                              : 'text-muted-foreground cursor-not-allowed'
                           }`}
                           disabled={!canEdit}
                           title={
@@ -610,7 +610,7 @@ function AttachmentTable({
                           className={`h-8 px-2 ${
                             canDeleteFile(file) 
                               ? 'text-red-600 hover:text-red-700 hover:bg-red-50' 
-                              : 'text-gray-400 cursor-not-allowed'
+                              : 'text-muted-foreground cursor-not-allowed'
                           }`}
                           disabled={!canDeleteFile(file) || deletingFileId === file.id}
                           title={
@@ -1225,16 +1225,16 @@ function SelectedDocumentInfo() {
   }
 
   return (
-    <div className="flex flex-wrap items-center gap-3 rounded-lg bg-gray-50 p-4">
+    <div className="flex flex-wrap items-center gap-3 rounded-lg bg-muted/50 p-4">
       <div className="flex items-center gap-2">
         <Badge variant="secondary" className="text-sm">
           Document: {doc.docNumber}
         </Badge>
-        <span className="max-w-[300px] truncate text-sm font-medium text-gray-700">
+        <span className="max-w-[300px] truncate text-sm font-medium text-foreground">
           {doc.title}
         </span>
       </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">
         <span>•</span>
         <span>Total {totalRevisions} revisions</span>
         {selectedRevision && (
@@ -1302,8 +1302,8 @@ export function UserVendorDocumentDisplay({
       <Card>
         <CardContent className="flex items-center justify-center py-8">
           <div className="text-center">
-            <AlertCircle className="mx-auto mb-2 h-8 w-8 text-gray-400" />
-            <p className="text-gray-600">Unable to load data.</p>
+            <AlertCircle className="mx-auto mb-2 h-8 w-8 text-muted-foreground" />
+            <p className="text-muted-foreground">Unable to load data.</p>
           </div>
         </CardContent>
       </Card>