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>