Fix link styling on the pattern overview page (#4025)

jpmorganchase · Aug 21, 2024 · 1b0c385 · 1b0c385
1 parent e569cf3
commit 1b0c385
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/site/src/components/patterns/OverviewList.module.css b/site/src/components/patterns/OverviewList.module.css
@@ -14,3 +14,9 @@
   padding-inline: var(--salt-spacing-100);
   border-bottom: var(--salt-size-border) var(--salt-separable-borderStyle) var(--salt-separable-tertiary-borderColor);
 }
+
+.link {
+  --mosaic-color-dark-navigable-documentLink-regular: var(--salt-content-primary-foreground);
+  --mosaic-color-dark-navigable-documentLink-hover: var(--salt-content-foreground-hover);
+  --mosaic-color-dark-navigable-documentLink-visited: var(--salt-content-foreground-visited);
+}
diff --git a/site/src/components/patterns/OverviewList.tsx b/site/src/components/patterns/OverviewList.tsx
@@ -12,7 +12,11 @@ export function OverviewList({ patterns = [] }: OverviewListProps) {
         .sort((a, b) => a.title.localeCompare(b.title))
         .map((pattern) => (
           <li key={pattern.route}>
-            <Link href={pattern.route} variant="document">
+            <Link
+              className={styles.link}
+              href={pattern.route}
+              variant="document"
+            >
               {pattern.title}
             </Link>
           </li>