diff --git a/webview-ui/src/components/ApiOptions.tsx b/webview-ui/src/components/ApiOptions.tsx
index 49e6cae..3a019e7 100644
--- a/webview-ui/src/components/ApiOptions.tsx
+++ b/webview-ui/src/components/ApiOptions.tsx
@@ -329,7 +329,7 @@ const ModelInfoSupportsItem = ({
 	<span
 		style={{
 			fontWeight: 500,
-			color: isSupported ? "var(--vscode-testing-iconPassed)" : "var(--vscode-errorForeground)",
+			color: isSupported ? "var(--vscode-charts-green)" : "var(--vscode-errorForeground)",
 		}}>
 		<i
 			className={`codicon codicon-${isSupported ? "check" : "x"}`}
diff --git a/webview-ui/src/components/ChatRow.tsx b/webview-ui/src/components/ChatRow.tsx
index 29c5007..492bb4a 100644
--- a/webview-ui/src/components/ChatRow.tsx
+++ b/webview-ui/src/components/ChatRow.tsx
@@ -39,7 +39,7 @@ const ChatRow: React.FC<ChatRowProps> = ({
 	const getIconAndTitle = (type: ClaudeAsk | ClaudeSay | undefined): [JSX.Element | null, JSX.Element | null] => {
 		const normalColor = "var(--vscode-foreground)"
 		const errorColor = "var(--vscode-errorForeground)"
-		const successColor = "var(--vscode-testing-iconPassed)"
+		const successColor = "var(--vscode-charts-green)"
 
 		const ProgressIndicator = (
 			<div
@@ -357,7 +357,7 @@ const ChatRow: React.FC<ChatRowProps> = ({
 									{icon}
 									{title}
 								</div>
-								<div style={{ color: "var(--vscode-testing-iconPassed)" }}>
+								<div style={{ color: "var(--vscode-charts-green)" }}>
 									{renderMarkdown(message.text)}
 								</div>
 							</>
@@ -446,7 +446,7 @@ const ChatRow: React.FC<ChatRowProps> = ({
 										{icon}
 										{title}
 									</div>
-									<div style={{ color: "var(--vscode-testing-iconPassed)" }}>
+									<div style={{ color: "var(--vscode-charts-green)" }}>
 										{renderMarkdown(message.text)}
 									</div>
 								</div>