Button tweaks

webview-ui/.storybook/vscode.css

@@ -14,7 +14,7 @@
 	--vscode-button-foreground: #ffffff; /* "button.foreground" */
 	--vscode-button-secondaryBackground: #313131; /* "button.secondaryBackground" */
 	--vscode-button-secondaryForeground: #cccccc; /* "button.secondaryForeground" */
-	--vscode-disabledForeground: red; /* "disabledForeground" */
+	--vscode-disabledForeground: #313131; /* "disabledForeground" */
 	--vscode-descriptionForeground: #9d9d9d; /* "descriptionForeground" */
 	--vscode-focusBorder: #0078d4; /* "focusBorder" */
 	--vscode-errorForeground: #f85149; /* "errorForeground" */

webview-ui/src/components/ui/button.tsx

@@ -5,7 +5,7 @@ import { cva, type VariantProps } from "class-variance-authority"
 import { cn } from "@/lib/utils"
 
 const buttonVariants = cva(
-	"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+	"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
 	{
 		variants: {
 			variant: {