feat: enhance subtask button visibility with prominent link styling

Make the "View task" / "Go to subtask" buttons in ChatRow more visually
prominent by using the VSCode link color with a subtle background,
replacing the previous muted description foreground color that was
barely visible.

Changes:
- ChatRow.tsx: Updated both "Go to subtask" buttons (newTask tool and
  subtask_result) to use text-vscode-textLink-foreground with a
  bg-vscode-textLink-foreground/10 background, font-medium weight,
  padding, and rounded corners for a button-like appearance
- index.css: Added --color-vscode-textLink-activeForeground CSS
  variable for hover state support

Addresses #12358
This commit is contained in:
Roo Code 2026-05-13 08:53:44 +00:00
parent e921f9d21e
commit 058ffc2ba0
2 changed files with 3 additions and 2 deletions

View file

@ -872,7 +872,7 @@ export const ChatRowContent = ({
<div>
{childTaskId && !isFollowedBySubtaskResult && (
<button
className="cursor-pointer flex gap-1 items-center mt-2 text-vscode-descriptionForeground hover:text-vscode-descriptionForeground hover:underline font-normal"
className="cursor-pointer flex gap-1 items-center mt-2 px-2 py-1 rounded text-vscode-textLink-foreground hover:text-vscode-textLink-activeForeground bg-vscode-textLink-foreground/10 hover:bg-vscode-textLink-foreground/20 font-medium transition-colors"
onClick={() =>
vscode.postMessage({ type: "showTaskWithId", text: childTaskId })
}>
@ -1032,7 +1032,7 @@ export const ChatRowContent = ({
<MarkdownBlock markdown={message.text} />
{completedChildTaskId && (
<button
className="cursor-pointer flex gap-1 items-center mt-2 text-vscode-descriptionForeground hover:text-vscode-descriptionForeground hover:underline font-normal"
className="cursor-pointer flex gap-1 items-center mt-2 px-2 py-1 rounded text-vscode-textLink-foreground hover:text-vscode-textLink-activeForeground bg-vscode-textLink-foreground/10 hover:bg-vscode-textLink-foreground/20 font-medium transition-colors"
onClick={() =>
vscode.postMessage({ type: "showTaskWithId", text: completedChildTaskId })
}>

View file

@ -139,6 +139,7 @@
--color-vscode-widget-shadow: var(--vscode-widget-shadow);
--color-vscode-textLink-foreground: var(--vscode-textLink-foreground);
--color-vscode-textLink-activeForeground: var(--vscode-textLink-activeForeground);
--color-vscode-textCodeBlock-background: var(--vscode-textCodeBlock-background);