diff options
| author | joonhoekim <26rote@gmail.com> | 2025-09-09 06:51:44 +0000 |
|---|---|---|
| committer | joonhoekim <26rote@gmail.com> | 2025-09-09 06:51:44 +0000 |
| commit | ebcec3f296d1d27943caf8a3aed26efef117cdc5 (patch) | |
| tree | 7b4111948b13c647f4412e3614a1a59e7af02f94 /lib/vendor-document-list/ship/send-to-shi-button.tsx | |
| parent | ce2d3097d034a1c5dd29c6cf3740556d41c7e880 (diff) | |
(김준회) 돌체 관련, 다크모드 지원하도록 개선
- 가능하면 시멘틱 색상 사용(muted, muted-foreground)
- 어려운 컬러는 dark: 변수로 다크모드 클래스 지정
Diffstat (limited to 'lib/vendor-document-list/ship/send-to-shi-button.tsx')
| -rw-r--r-- | lib/vendor-document-list/ship/send-to-shi-button.tsx | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/lib/vendor-document-list/ship/send-to-shi-button.tsx b/lib/vendor-document-list/ship/send-to-shi-button.tsx index 87cc6ff5..532aabf5 100644 --- a/lib/vendor-document-list/ship/send-to-shi-button.tsx +++ b/lib/vendor-document-list/ship/send-to-shi-button.tsx @@ -231,7 +231,7 @@ export function SendToSHIButton({ if (totalStats.totalSynced > 0) { 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('shiSync.status.synchronized')} </Badge> @@ -249,7 +249,7 @@ export function SendToSHIButton({ <Button variant="default" size="sm" - className="flex items-center gap-2 bg-blue-600 hover:bg-blue-700" + className="flex items-center gap-2 bg-primary hover:bg-primary/90" disabled={isSyncing || totalStats.isLoading || documentsContractIds.length === 0} > {isSyncing ? ( @@ -332,11 +332,11 @@ export function SendToSHIButton({ </div> <div className="text-center"> <div className="text-muted-foreground">{t('shiSync.labels.synced')}</div> - <div className="font-medium text-green-600">{t('shiSync.labels.itemCount', { count: totalStats.totalSynced })}</div> + <div className="font-medium text-emerald-600 dark:text-emerald-400">{t('shiSync.labels.itemCount', { count: totalStats.totalSynced })}</div> </div> <div className="text-center"> <div className="text-muted-foreground">{t('shiSync.labels.failed')}</div> - <div className="font-medium text-red-600">{t('shiSync.labels.itemCount', { count: totalStats.totalFailed })}</div> + <div className="font-medium text-destructive">{t('shiSync.labels.itemCount', { count: totalStats.totalFailed })}</div> </div> </div> |