From e6437902d62bd9baf8c227a20615b55aeb98e36e Mon Sep 17 00:00:00 2001 From: Aaron Powell Date: Fri, 6 Mar 2026 16:10:05 +1100 Subject: [PATCH] Fix sidebar navigation text contrast in light mode (#902) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * Fixing the action link * Fix sidebar navigation text contrast in light mode - Use --sl-color-text-invert instead of --sl-color-white for active sidebar item, fixing near-black text on dark purple background (contrast ~2.5:1 → ~7.1:1) - Bump inactive sidebar links to font-weight 500 for better readability Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> --------- Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> --- website/src/content/docs/learning-hub/index.md | 2 +- website/src/styles/starlight-overrides.css | 10 +++++++--- 2 files changed, 8 insertions(+), 4 deletions(-) diff --git a/website/src/content/docs/learning-hub/index.md b/website/src/content/docs/learning-hub/index.md index 86f8ac50..d06359d7 100644 --- a/website/src/content/docs/learning-hub/index.md +++ b/website/src/content/docs/learning-hub/index.md @@ -6,7 +6,7 @@ hero: tagline: 'Curated articles, walkthroughs, and reference material to help you unlock everything you can do with GitHub Copilot' actions: - text: Start with Fundamentals - link: /learning-hub/what-are-agents-skills-instructions/ + link: what-are-agents-skills-instructions/ icon: right-arrow sidebar: hidden: true diff --git a/website/src/styles/starlight-overrides.css b/website/src/styles/starlight-overrides.css index 0761c39c..ec6489af 100644 --- a/website/src/styles/starlight-overrides.css +++ b/website/src/styles/starlight-overrides.css @@ -41,10 +41,14 @@ --sl-color-black: #f0f0f5; } -/* ── Sidebar active item ───────────────────────────────────── */ +/* ── Sidebar readability ───────────────────────────────────── */ +nav[aria-label="Main"] a { + font-weight: 500 !important; +} + nav[aria-label="Main"] a[aria-current="page"] { - color: var(--sl-color-white) !important; - font-weight: 600; + color: var(--sl-color-text-invert) !important; + font-weight: 600 !important; border-inline-start-color: var(--sl-color-accent) !important; }