Fix: forced-color-adjust in highlight theme (#3424)

webview-ui/src/components/chat/ChatTextArea.tsx

@@ -824,6 +824,7 @@ const ChatTextArea = forwardRef<HTMLTextAreaElement, ChatTextAreaProps>(
 									"py-2",
 									"px-[9px]",
 									"z-10",
+									"forced-color-adjust-none",
 								)}
 								style={{
 									color: "transparent",

webview-ui/src/components/welcome/RooHero.tsx

@@ -7,7 +7,7 @@ const RooHero = () => {
 	})
 
 	return (
-		<div className="flex flex-col items-center justify-center pb-4">
+		<div className="flex flex-col items-center justify-center pb-4 forced-color-adjust-none">
 			<div
 				style={{
 					backgroundColor: "var(--vscode-foreground)",

webview-ui/src/components/welcome/RooTips.tsx

@@ -74,7 +74,10 @@ const RooTips = ({ cycle = false }: RooTipsProps) => {
 						className="flex items-center gap-2 text-vscode-editor-foreground font-vscode max-w-[250px]">
 						<span className={`codicon ${tip.icon}`}></span>
 						<span>
-							<VSCodeLink href={tip.href}>{t(tip.titleKey)}</VSCodeLink>: {t(tip.descriptionKey)}
+							<VSCodeLink className="forced-color-adjust-none" href={tip.href}>
+								{t(tip.titleKey)}
+							</VSCodeLink>
+							: {t(tip.descriptionKey)}
 						</span>
 					</div>
 				))