From 91f929c39be02f4e24f74ff5bb9519615bc90d29 Mon Sep 17 00:00:00 2001 From: Kyle Pope Date: Thu, 12 Mar 2026 15:27:00 +0800 Subject: [PATCH] Fix outline button background for glassmorphism consistency The outline variant used bg-background (opaque near-black) which created a visible dark rectangle against semi-transparent card toolbars. Changed to bg-transparent so outline buttons blend with their parent container. Co-Authored-By: Claude Opus 4.6 --- frontend/src/components/ui/button.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/frontend/src/components/ui/button.tsx b/frontend/src/components/ui/button.tsx index 6d826aa..f7312b1 100644 --- a/frontend/src/components/ui/button.tsx +++ b/frontend/src/components/ui/button.tsx @@ -9,7 +9,7 @@ const buttonVariants = cva( variant: { default: 'bg-accent text-accent-foreground hover:bg-accent/90', destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90', - outline: 'border border-input bg-background hover:bg-accent/10 hover:text-accent', + outline: 'border border-input bg-transparent hover:bg-accent/10 hover:text-accent', secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80', ghost: 'hover:bg-accent/10 hover:text-accent', link: 'text-accent underline-offset-4 hover:underline',