diff --git a/frontend/components/screen/ScreenGroupTreeView.tsx b/frontend/components/screen/ScreenGroupTreeView.tsx
index ead6ddd3..a4400db6 100644
--- a/frontend/components/screen/ScreenGroupTreeView.tsx
+++ b/frontend/components/screen/ScreenGroupTreeView.tsx
@@ -1119,9 +1119,9 @@ export function ScreenGroupTreeView({
                   <ChevronRight className="h-4 w-4 shrink-0 text-muted-foreground" />
                 )}
                 {isExpanded ? (
-                  <FolderOpen className="h-4 w-4 shrink-0 text-amber-500" />
+                  <FolderOpen className="h-4 w-4 shrink-0 text-warning" />
                 ) : (
-                  <Folder className="h-4 w-4 shrink-0 text-amber-500" />
+                  <Folder className="h-4 w-4 shrink-0 text-warning" />
                 )}
                 <span className={cn("truncate flex-1", isMatching && "font-medium text-primary/80")}>{group.group_name}</span>
                 <Badge variant="secondary" className="text-xs">
@@ -1247,9 +1247,9 @@ export function ScreenGroupTreeView({
                                       <ChevronRight className="h-3 w-3 shrink-0 text-muted-foreground" />
                                     )}
                                     {isGrandExpanded ? (
-                                      <FolderOpen className="h-3 w-3 shrink-0 text-emerald-500" />
+                                      <FolderOpen className="h-3 w-3 shrink-0 text-success" />
                                     ) : (
-                                      <Folder className="h-3 w-3 shrink-0 text-emerald-500" />
+                                      <Folder className="h-3 w-3 shrink-0 text-success" />
                                     )}
                                     <span className={cn("truncate flex-1", isGrandMatching && "font-medium text-primary/80")}>{grandChild.group_name}</span>
                                     <Badge variant="outline" className="text-[10px] h-4">
@@ -2080,7 +2080,7 @@ export function ScreenGroupTreeView({
                   onClick={() => handleSync("screen-to-menu")}
                   disabled={isSyncing}
                   variant="outline"
-                  className="w-full justify-start gap-2 border-primary/20 bg-primary/10/50 hover:bg-primary/10/70 hover:border-primary/40"
+                  className="w-full justify-start gap-2 border-primary/20 bg-primary/5 hover:bg-primary/10 hover:border-primary/40"
                 >
                   {isSyncing && syncDirection === "screen-to-menu" ? (
                     <Loader2 className="h-4 w-4 animate-spin text-primary" />
@@ -2096,15 +2096,15 @@ export function ScreenGroupTreeView({
                   onClick={() => handleSync("menu-to-screen")}
                   disabled={isSyncing}
                   variant="outline"
-                  className="w-full justify-start gap-2 border-emerald-200 bg-emerald-50/50 hover:bg-emerald-100/70 hover:border-emerald-300"
+                  className="w-full justify-start gap-2 border-success/20 bg-success/5 hover:bg-success/10 hover:border-success/30"
                 >
                   {isSyncing && syncDirection === "menu-to-screen" ? (
-                    <Loader2 className="h-4 w-4 animate-spin text-emerald-600" />
+                    <Loader2 className="h-4 w-4 animate-spin text-success" />
                   ) : (
-                    <FolderInput className="h-4 w-4 text-emerald-600" />
+                    <FolderInput className="h-4 w-4 text-success" />
                   )}
-                  <span className="flex-1 text-left text-emerald-700">메뉴 → 화면관리 동기화</span>
-                  <span className="text-xs text-emerald-500/70">
+                  <span className="flex-1 text-left text-success">메뉴 → 화면관리 동기화</span>
+                  <span className="text-xs text-success/70">
                     메뉴 구조를 폴더에 반영
                   </span>
                 </Button>