From 930f801a2a40ce78d39df736350453ae6173bf85 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 15 Mar 2025 07:00:51 +0000
Subject: [PATCH] Update Sync Settings button colors
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Updated the color of the "로그인하여 동기화" button and the sync toggle switch in the Settings page to the main app color.
---
 src/components/SyncSettings.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/SyncSettings.tsx b/src/components/SyncSettings.tsx
index 08a65b2..39bddc3 100644
--- a/src/components/SyncSettings.tsx
+++ b/src/components/SyncSettings.tsx
@@ -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>