From d7d4d091a9bcd6ab18402c2f95e3eb96fb6f5b8a Mon Sep 17 00:00:00 2001
From: Roo Code <roomote@roocode.com>
Date: Fri, 16 Jan 2026 23:43:53 +0000
Subject: [PATCH] fix: add semi-transparent background to Settings header for
 readability

---
 webview-ui/src/components/common/Tab.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/webview-ui/src/components/common/Tab.tsx b/webview-ui/src/components/common/Tab.tsx
index 495bb1b34b8..1cd76a05c45 100644
--- a/webview-ui/src/components/common/Tab.tsx
+++ b/webview-ui/src/components/common/Tab.tsx
@@ -12,7 +12,13 @@ export const Tab = ({ className, children, ...props }: TabProps) => (
 )
 
 export const TabHeader = ({ className, children, ...props }: TabProps) => (
-	<div className={cn("px-5 py-2.5 border-b border-vscode-panel-border", className)} {...props}>
+	<div
+		className={cn(
+			"px-5 py-2.5 border-b border-vscode-panel-border backdrop-blur-sm",
+			"bg-[color-mix(in_srgb,var(--vscode-editor-background)_85%,transparent)]",
+			className,
+		)}
+		{...props}>
 		{children}
 	</div>
 )