fix: use VSCode theme color for outline button borders

roomote · roomote · commit bd1670e807ce · 2025-11-18T05:44:29.000Z
The outline button variant was using border-foreground/50 which caused
visibility issues in some light themes. Changed to use border-vscode-input-border
which is a VSCode theme color designed to work across all themes.

This fixes the follow-up question suggestion buttons that were hard to see
in certain light themes.
diff --git a/webview-ui/src/components/ui/button.tsx b/webview-ui/src/components/ui/button.tsx
@@ -14,7 +14,7 @@ const buttonVariants = cva(
 				ghost: "hover:bg-accent hover:text-accent-foreground",
 				destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
 				outline:
-					"border border-foreground/50 text-secondary-foreground bg-transparent hover:bg-secondary hover:text-accent-foreground",
+					"border border-vscode-input-border text-secondary-foreground bg-transparent hover:bg-secondary hover:text-accent-foreground",
 				link: "text-primary underline-offset-4 hover:underline",
 				combobox:
 					"border border-vscode-dropdown-border focus-visible:border-vscode-focusBorder bg-vscode-dropdown-background hover:bg-transparent text-vscode-dropdown-foreground font-normal",
