fix

Update the button color to blue for better visual consistency in the git_sync
workspace settings tab.

Co-authored-by: windmill-internal-app[bot] <windmill-internal-app[bot]@users.noreply.github.com>

frontend/src/lib/components/git_sync/DetectionFlow.svelte

@@ -136,7 +136,7 @@
 
 			<!-- Initialize button -->
 			<div class="flex justify-start">
-				<Button size="md" onclick={handleInitialize} startIcon={{ icon: Save }}>
+				<Button size="md" onclick={handleInitialize} startIcon={{ icon: Save }} variant="accent">
 					Initialize Git repository
 				</Button>
 			</div>
@@ -163,7 +163,12 @@
 
 			<!-- Save connection button -->
 			<div class="flex justify-start">
-				<Button size="md" onclick={handleSaveConnection} startIcon={{ icon: Save }}>
+				<Button
+					size="md"
+					onclick={handleSaveConnection}
+					startIcon={{ icon: Save }}
+					variant="accent"
+				>
 					Save connection
 				</Button>
 			</div>

frontend/src/lib/components/git_sync/GitSyncRepositoryCard.svelte

@@ -234,13 +234,7 @@
 	{/if}
 	{#if !confirmingDelete}
 		<div transition:fade|local={{ duration: 100 }}>
-			<Button
-				size="xs"
-				variant="default"
-				onclick={initiateDelete}
-				startIcon={{ icon: Trash }}
-				destructive
-			>
+			<Button size="xs" onclick={initiateDelete} startIcon={{ icon: Trash }} destructive>
 				Delete
 			</Button>
 		</div>
@@ -278,12 +272,7 @@
 				/>
 			</div>
 			{#if !emptyString(repo.git_repo_resource_path)}
-				<Button
-					disabled={emptyString(repo.script_path)}
-					variant="accent"
-					onclick={runGitSyncTestJob}
-					size="xs"
-				>
+				<Button disabled={emptyString(repo.script_path)} onclick={runGitSyncTestJob} size="xs">
 					Test connection
 				</Button>
 			{/if}
@@ -360,10 +349,7 @@
 
 			<!-- Configuration -->
 			{#if repo.isUnsavedConnection && !emptyString(repo.git_repo_resource_path) && idx !== null}
-				<DetectionFlow
-					{idx}
-					mode={repoMode}
-				/>
+				<DetectionFlow {idx} mode={repoMode} />
 			{:else}
 				<GitSyncFilterSettings
 					bind:git_repo_resource_path={repo.git_repo_resource_path}
@@ -388,11 +374,7 @@
 					<div class="flex justify-between items-start">
 						<!-- Display mode settings as prominent text -->
 						<div class="flex-1 mr-4">
-							<GitSyncModeDisplay
-								mode={repoMode}
-								{targetBranch}
-								repository={repo}
-							/>
+							<GitSyncModeDisplay mode={repoMode} {targetBranch} repository={repo} />
 						</div>
 
 						<!-- Manual sync section for existing repos -->
@@ -402,7 +384,7 @@
 								<div class="flex gap-2">
 									<Button
 										size="xs"
-										variant="default"
+										variant="accent"
 										onclick={() => idx !== null && gitSyncContext.showPullModal(idx)}
 										startIcon={{ icon: Download }}
 									>
@@ -410,7 +392,7 @@
 									</Button>
 									<Button
 										size="xs"
-										variant="default"
+										variant="accent"
 										onclick={() => idx !== null && gitSyncContext.showPushModal(idx)}
 										startIcon={{ icon: Upload }}
 									>

frontend/src/lib/components/git_sync/GitSyncSection.svelte

@@ -38,7 +38,9 @@
 
 	// Check if any secondary repositories are unsaved
 	const hasUnsavedSecondary = $derived(secondarySync.some((s) => s.repo.isUnsavedConnection))
-	const hasUnsavedSecondaryPromotion = $derived(secondaryPromotion.some((s) => s.repo.isUnsavedConnection))
+	const hasUnsavedSecondaryPromotion = $derived(
+		secondaryPromotion.some((s) => s.repo.isUnsavedConnection)
+	)
 </script>
 
 {#if !gitSyncContext}
@@ -74,7 +76,6 @@
 	{#if $enterpriseLicense && gitSyncContext.repositories != undefined}
 		<div class="flex mt-5 mb-5 gap-8">
 			<Button
-				variant="accent"
 				target="_blank"
 				endIcon={{ icon: ExternalLink }}
 				href={`/runs?job_kinds=deploymentcallbacks&workspace=${$workspaceStore}`}

frontend/src/lib/components/workspaceSettings/GitSyncFilterSettings.svelte

@@ -336,11 +336,6 @@
 					</div>
 				</div>
 			</div>
-			<div class="mt-6 p-2 border-t">
-				<div class="text-xs text-primary mb-2">
-					{isInitialSetup ? 'Configure initial sync settings' : 'Review migration settings'}
-				</div>
-			</div>
 		{:else}
 			<!-- Read-only view -->
 			<div class="px-4 py-2">