Update Sync Settings button colors

Updated the color of the "로그인하여 동기화" button and the sync toggle switch in the Settings page to the main app color.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-15 07:00:51 +00:00
parent 0df6b8a8f5
commit 930f801a2a

View File

@@ -97,7 +97,7 @@ const SyncSettings = () => {
<div className="flex items-center justify-between">
<div className="space-y-0.5">
<div className="flex items-center gap-2">
<CloudUpload className="h-5 w-5 text-neuro-income" />
<CloudUpload className="h-5 w-5 text-neuro-accent" />
<Label htmlFor="sync-toggle" className="text-base font-medium">
</Label>
@@ -110,6 +110,7 @@ const SyncSettings = () => {
id="sync-toggle"
checked={enabled}
onCheckedChange={handleSyncToggle}
className="data-[state=checked]:bg-neuro-accent"
/>
</div>
@@ -121,7 +122,7 @@ const SyncSettings = () => {
<button
onClick={handleManualSync}
disabled={syncing}
className="neuro-button py-1 px-3 flex items-center gap-1"
className="neuro-button py-1 px-3 flex items-center gap-1 bg-neuro-accent text-white hover:bg-neuro-accent/90"
>
<RefreshCw className={`h-4 w-4 ${syncing ? 'animate-spin' : ''}`} />
<span>{syncing ? '동기화 중...' : '지금 동기화'}</span>
@@ -130,7 +131,7 @@ const SyncSettings = () => {
<Button
onClick={() => navigate('/login')}
size="sm"
className="py-1 px-3"
className="py-1 px-3 bg-neuro-accent text-white hover:bg-neuro-accent/90"
>
</Button>