diff --git a/packages/html-reporter/src/links.tsx b/packages/html-reporter/src/links.tsx
index f94e4f7e6a..424f780f5d 100644
--- a/packages/html-reporter/src/links.tsx
+++ b/packages/html-reporter/src/links.tsx
@@ -49,7 +49,7 @@ export const Link: React.FunctionComponent<{
   title?: string,
   children: any,
 }> = ({ href, className, children, title }) => {
-  return <a style={{ textDecoration: 'none', color: 'initial' }} className={`${className || ''}`} href={href} title={title}>{children}</a>;
+  return <a style={{ textDecoration: 'none', color: 'var(--color-fg-default)' }} className={`${className || ''}`} href={href} title={title}>{children}</a>;
 };
 
 export const ProjectLink: React.FunctionComponent<{