From e78d479aafba9c7e249ddc0633c65f51499f88d1 Mon Sep 17 00:00:00 2001
From: Aaron Powell <me@aaron-powell.com>
Date: Mon, 17 Aug 2026 11:03:17 +1000
Subject: [PATCH] fix(website): use themed link colour for markdown links in
 dark mode

Raw markdown-injected <a> elements previously fell back to the browser's
default blue/purple link colours, which are harsh against the dark-mode
background. Route them through --brand-color-text-link-rest (and the
pressed/hover token) instead.

Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com>
Copilot-Session: 80686fef-efe3-4cdd-8cd6-bfa61a5d0af6
---
 .../components/brand/styles/dotnet-upgrade.module.css | 11 +++++++++++
 .../brand/styles/github-copilot-app.module.css        | 11 +++++++++++
 2 files changed, 22 insertions(+)

diff --git a/website/src/components/brand/styles/dotnet-upgrade.module.css b/website/src/components/brand/styles/dotnet-upgrade.module.css
index 13f5fefe..9b406f2e 100644
--- a/website/src/components/brand/styles/dotnet-upgrade.module.css
+++ b/website/src/components/brand/styles/dotnet-upgrade.module.css
@@ -538,6 +538,17 @@
   border-block-start: none;
 }
 
+/* Raw markdown links inherit the UA default blue/purple otherwise, which is
+   too harsh in dark mode; route them through the themed link token instead. */
+.articleSection a {
+  color: var(--brand-color-text-link-rest);
+}
+
+.articleSection a:hover,
+.articleSection a:focus-visible {
+  color: var(--brand-color-text-link-pressed);
+}
+
 .articleHeading {
   margin: 0;
   /* Two medium gaps separate the title from the text below, while the
diff --git a/website/src/components/brand/styles/github-copilot-app.module.css b/website/src/components/brand/styles/github-copilot-app.module.css
index 78c277c8..8f73bf82 100644
--- a/website/src/components/brand/styles/github-copilot-app.module.css
+++ b/website/src/components/brand/styles/github-copilot-app.module.css
@@ -960,6 +960,17 @@
   border-block-start: none;
 }
 
+/* Raw markdown links inherit the UA default blue/purple otherwise, which is
+   too harsh in dark mode; route them through the themed link token instead. */
+.articleSection a {
+  color: var(--brand-color-text-link-rest);
+}
+
+.articleSection a:hover,
+.articleSection a:focus-visible {
+  color: var(--brand-color-text-link-pressed);
+}
+
 .articleHeading {
   margin: 0;
   margin-block-end: var(--base-size-16);