From bd1670e807ce6e16081b0cd0431a0aa187f345b0 Mon Sep 17 00:00:00 2001 From: Roo Code Date: Tue, 18 Nov 2025 05:44:29 +0000 Subject: [PATCH 1/2] fix: use VSCode theme color for outline button borders 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. --- webview-ui/src/components/ui/button.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/webview-ui/src/components/ui/button.tsx b/webview-ui/src/components/ui/button.tsx index 0c97c3d61a5..9c93a89828b 100644 --- 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", From 9fc62d250c1b906dd4fb82ee66c9ce6b74cec48e Mon Sep 17 00:00:00 2001 From: Bruno Bergher Date: Tue, 18 Nov 2025 06:17:27 +0000 Subject: [PATCH 2/2] Color fix --- webview-ui/src/components/ui/button.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/webview-ui/src/components/ui/button.tsx b/webview-ui/src/components/ui/button.tsx index 9c93a89828b..74e854c973a 100644 --- 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-vscode-input-border text-secondary-foreground bg-transparent hover:bg-secondary hover:text-accent-foreground", + "border border-vscode-foreground/30 text-vscode-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",