From 1d7884d062cfc3a56d996b35e83c23db3de93f9d Mon Sep 17 00:00:00 2001
From: Saoud Rizwan <7799382+saoudrizwan@users.noreply.github.com>
Date: Mon, 20 Jan 2025 01:32:41 -0800
Subject: [PATCH] Fix switch color

---
 webview-ui/src/components/chat/ChatTextArea.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/webview-ui/src/components/chat/ChatTextArea.tsx b/webview-ui/src/components/chat/ChatTextArea.tsx
index 55bcd93073..3e8affcc55 100644
--- a/webview-ui/src/components/chat/ChatTextArea.tsx
+++ b/webview-ui/src/components/chat/ChatTextArea.tsx
@@ -49,7 +49,7 @@ interface ChatTextAreaProps {
 
 const SwitchOption = styled.div<{ isActive: boolean }>`
 	padding: 2px 8px;
-	color: ${(props) => (props.isActive ? "var(--vscode-badge-foreground)" : "var(--vscode-input-foreground)")};
+	color: ${(props) => (props.isActive ? "white" : "var(--vscode-input-foreground)")};
 	z-index: 1;
 	transition: color 0.2s ease;
 	font-size: 12px;
@@ -79,7 +79,7 @@ const Slider = styled.div<{ isAct: boolean }>`
 	position: absolute;
 	height: 100%;
 	width: 50%;
-	background-color: var(--vscode-badge-background);
+	background-color: var(--vscode-focusBorder);
 	transition: transform 0.2s ease;
 	transform: translateX(${(props) => (props.isAct ? "100%" : "0%")});
 `