Use neutral hover states for MCP cards

This commit is contained in:
Ishaan Gupta 2026-07-02 19:37:49 +05:30
parent 645a44067c
commit a09b5b6166
5 changed files with 5 additions and 5 deletions

View file

@ -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}

View file

@ -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)]",

View file

@ -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)]",
},

View file

@ -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 },

View file

@ -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,
)}