Skip to content

Commit e643790

Browse files
aaronpowellCopilot
andauthored
Fix sidebar navigation text contrast in light mode (#902)
* 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>
1 parent f3142d7 commit e643790

2 files changed

Lines changed: 8 additions & 4 deletions

File tree

website/src/content/docs/learning-hub/index.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ hero:
66
tagline: 'Curated articles, walkthroughs, and reference material to help you unlock everything you can do with GitHub Copilot'
77
actions:
88
- text: Start with Fundamentals
9-
link: /learning-hub/what-are-agents-skills-instructions/
9+
link: what-are-agents-skills-instructions/
1010
icon: right-arrow
1111
sidebar:
1212
hidden: true

website/src/styles/starlight-overrides.css

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -41,10 +41,14 @@
4141
--sl-color-black: #f0f0f5;
4242
}
4343

44-
/* ── Sidebar active item ───────────────────────────────────── */
44+
/* ── Sidebar readability ───────────────────────────────────── */
45+
nav[aria-label="Main"] a {
46+
font-weight: 500 !important;
47+
}
48+
4549
nav[aria-label="Main"] a[aria-current="page"] {
46-
color: var(--sl-color-white) !important;
47-
font-weight: 600;
50+
color: var(--sl-color-text-invert) !important;
51+
font-weight: 600 !important;
4852
border-inline-start-color: var(--sl-color-accent) !important;
4953
}
5054

0 commit comments

Comments
 (0)