fix: link colour (#1424)

Author: jwang19-atlassian

src/rovo-dev/ui/RovoDev.css

@@ -422,6 +422,12 @@ body {
     color: var(--ds-text-inverse);
 }
 
+.rovodev-markdown-link {
+    cursor: pointer;
+    color: var(--ds-text-inverse);
+    text-decoration: underline;
+}
+
 /* Pull Request button styles */
 .pull-request-button {
     display: flex;
@@ -970,4 +976,8 @@ body {
 }
 .vscode-high-contrast .deep-plan-indicator:hover {
     border: 2px solid var(--vscode-focusBorder);
+}
+
+.vscode-high-contrast .rovodev-markdown-link {
+    color: inherit;
 }

src/rovo-dev/ui/common/common.tsx

@@ -29,10 +29,7 @@ mdParser.renderer.rules.link_open = function (tokens, idx, options, env, self) {
 
             token.attrs!.splice(hrefIndex, 1);
             token.attrSet('data-href', hrefValue);
-            token.attrSet(
-                'style',
-                'cursor: pointer; color: var(--vscode-textLink-foreground); text-decoration: underline;',
-            );
+            token.attrSet('class', 'rovodev-markdown-link');
         }
     }
     return self.renderToken(tokens, idx, options);