From a09b5b6166a9ac87109ea41e54ae2a1cd9c632a1 Mon Sep 17 00:00:00 2001
From: Ishaan Gupta <ishaankone@gmail.com>
Date: Thu, 2 Jul 2026 19:37:49 +0530
Subject: [PATCH] Use neutral hover states for MCP cards

---
 apps/mcp/src/widget/components/WorkspaceCard.tsx | 2 +-
 apps/mcp/src/widget/design/ui/Button.tsx         | 2 +-
 apps/mcp/src/widget/design/ui/Card.tsx           | 2 +-
 apps/mcp/src/widget/design/ui/Chip.tsx           | 2 +-
 apps/mcp/src/widget/design/ui/FileUpload.tsx     | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/mcp/src/widget/components/WorkspaceCard.tsx b/apps/mcp/src/widget/components/WorkspaceCard.tsx
index fdbf9e36..1b9a49bc 100644
--- a/apps/mcp/src/widget/components/WorkspaceCard.tsx
+++ b/apps/mcp/src/widget/components/WorkspaceCard.tsx
@@ -27,7 +27,7 @@ export function WorkspaceCard({
 			<Stack className="h-full" gap="sm">
 				<Stack align="center" direction="row" gap="sm" justify="between">
 					<span className="flex min-w-0 items-center gap-(--space-2)">
-						<span className="grid size-7 shrink-0 place-items-center rounded-md bg-[#0D121A] ring-1 ring-[#161F2C] transition-colors group-hover:ring-[#3374FF]/40">
+						<span className="grid size-7 shrink-0 place-items-center rounded-md bg-[#0D121A] ring-1 ring-[#161F2C] transition-colors group-hover:ring-[#3A4455]">
 							{containerTag.emoji ? (
 								<span aria-hidden className="text-base leading-none">
 									{containerTag.emoji}
diff --git a/apps/mcp/src/widget/design/ui/Button.tsx b/apps/mcp/src/widget/design/ui/Button.tsx
index d6a7b6ee..23331a8c 100644
--- a/apps/mcp/src/widget/design/ui/Button.tsx
+++ b/apps/mcp/src/widget/design/ui/Button.tsx
@@ -27,7 +27,7 @@ const buttonVariants = cva(
 				secondary: [
 					"bg-[var(--bg-control)] text-[var(--text-primary)]",
 					"border border-[var(--border-control)]",
-					"hover:bg-[var(--bg-control-hover)] hover:border-[#3374FF]/50",
+					"hover:bg-[var(--bg-control-hover)] hover:border-[#3A4455]",
 				].join(" "),
 				ghost: [
 					"text-[var(--text-primary)]",
diff --git a/apps/mcp/src/widget/design/ui/Card.tsx b/apps/mcp/src/widget/design/ui/Card.tsx
index 90580ea4..823ef7e8 100644
--- a/apps/mcp/src/widget/design/ui/Card.tsx
+++ b/apps/mcp/src/widget/design/ui/Card.tsx
@@ -17,7 +17,7 @@ const cardStyles = cva(
 			variant: {
 				default: "",
 				interactive:
-					"cursor-pointer hover:border-[#3374FF]/50 hover:bg-bg-control-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/20 focus-visible:ring-offset-2 focus-visible:ring-offset-bg-primary",
+					"cursor-pointer hover:border-[#3A4455] hover:bg-bg-control-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/20 focus-visible:ring-offset-2 focus-visible:ring-offset-bg-primary",
 				active:
 					"cursor-pointer border-[#2261CA]/70 bg-[#00173C] shadow-[0_0_28px_rgba(75,160,250,0.18)]",
 			},
diff --git a/apps/mcp/src/widget/design/ui/Chip.tsx b/apps/mcp/src/widget/design/ui/Chip.tsx
index e7bc620f..a25a809a 100644
--- a/apps/mcp/src/widget/design/ui/Chip.tsx
+++ b/apps/mcp/src/widget/design/ui/Chip.tsx
@@ -9,7 +9,7 @@ const chipStyles = cva(
 			selected: {
 				true: "bg-accent-muted border-accent text-accent",
 				false:
-					"bg-bg-elevated border-[#0D121A] text-text-secondary hover:border-[#3374FF]/50 hover:bg-bg-control-hover",
+					"bg-bg-elevated border-[#0D121A] text-text-secondary hover:border-[#3A4455] hover:bg-bg-control-hover",
 			},
 		},
 		defaultVariants: { selected: false },
diff --git a/apps/mcp/src/widget/design/ui/FileUpload.tsx b/apps/mcp/src/widget/design/ui/FileUpload.tsx
index 0066040b..f32da50a 100644
--- a/apps/mcp/src/widget/design/ui/FileUpload.tsx
+++ b/apps/mcp/src/widget/design/ui/FileUpload.tsx
@@ -61,7 +61,7 @@ export function FileUpload({
 				"bg-[var(--bg-control)] cursor-pointer shadow-sm transition-all",
 				dragOver
 					? "border-accent bg-accent-muted"
-					: "border-[var(--border-control)] hover:border-[#3374FF]/50 hover:bg-[var(--bg-control-hover)]",
+					: "border-[var(--border-control)] hover:border-[#3A4455] hover:bg-[var(--bg-control-hover)]",
 				disabled && "pointer-events-none opacity-50",
 				className,
 			)}