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

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

diff --git a/webview-ui/src/components/common/Tab.tsx b/webview-ui/src/components/common/Tab.tsx
index 495bb1b34b8..b10df06ef8f 100644
--- a/webview-ui/src/components/common/Tab.tsx
+++ b/webview-ui/src/components/common/Tab.tsx
@@ -12,7 +12,12 @@ 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 bg-vscode-sideBar-background/95 backdrop-blur-sm z-10",
+			className,
+		)}
+		{...props}>
 		{children}
 	</div>
 )