style(ui): add default "link" style to <a> tags and adjust welcome message spacing (#2858)

* style(ui): add default "link" style to <a> tags and adjust welcome message spacing

* Add kilocode_change markers

---------

Co-authored-by: Chris Hasson <[email protected]>

.changeset/loud-rocks-flash.md

@@ -0,0 +1,5 @@
+---
+"kilo-code": patch
+---
+
+Make all text-based links the same visual style

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

@@ -2009,7 +2009,7 @@ const ChatViewComponent: React.ForwardRefRenderFunction<ChatViewRef, ChatViewPro
 						)}
 						<div className="flex flex-grow flex-col justify-center gap-4">
 							{/* kilocode_change end */}
-							<p className="text-vscode-editor-foreground leading-tight font-vscode-font-family text-center text-balance max-w-[380px] mx-auto my-0">
+							<p className="text-vscode-editor-foreground leading-normal font-vscode-font-family text-center text-balance max-w-[380px] mx-auto my-0">
 								<Trans
 									i18nKey="chat:about"
 									components={{

webview-ui/src/index.css

@@ -182,6 +182,12 @@
 	body {
 		--vscode-input-border: var(--border);
 	}
+
+	/* kilocode_change start */
+	a {
+		color: var(--vscode-textLink-foreground);
+	}
+	/* kilocode_change end */
 }
 
 @layer components {