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

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

1 files changed, 3 insertions, 3 deletions

diff --git a/lib/vendor-document-list/ship/import-from-dolce-button.tsx b/lib/vendor-document-list/ship/import-from-dolce-button.tsx
index 5e720220..fe7f55c7 100644
--- a/lib/vendor-document-list/ship/import-from-dolce-button.tsx
+++ b/lib/vendor-document-list/ship/import-from-dolce-button.tsx
@@ -375,7 +375,7 @@ export function ImportFromDOLCEButton({
     }
 
     return (
-      <Badge variant="default" className="gap-1 bg-green-500 hover:bg-green-600">
+      <Badge variant="default" className="gap-1 bg-emerald-500 hover:bg-emerald-600 dark:bg-emerald-600 dark:hover:bg-emerald-700">
         <CheckCircle className="w-3 h-3" />
         {t('dolceImport.status.synchronized')}
       </Badge>
@@ -440,7 +440,7 @@ export function ImportFromDOLCEButton({
             <Button
               variant="outline"
               size="sm"
-              className="flex items-center border-blue-200 hover:bg-blue-50"
+              className="flex items-center border-primary/20 hover:bg-primary/10"
               disabled={isImporting || statusLoading}
             >
               {isImporting ? (
@@ -473,7 +473,7 @@ export function ImportFromDOLCEButton({
 
             {/* 프로젝트 소스 표시 */}
             {allDocuments.length === 0 && vendorProjectIds.length > 0 && (
-              <div className="text-xs text-blue-600 bg-blue-50 p-2 rounded">
+              <div className="text-xs text-primary bg-primary/10 p-2 rounded">
                 {t('dolceImport.descriptions.noDocumentsImportAll')}
               </div>
             )}