Awesome/awesome-copilot
1
0
Fork 0
mirror of https://github.com/github/awesome-copilot.git synced 2026-03-14 05:05:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix sidebar navigation text contrast in light mode (#902)

Browse Source 
* 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>
This commit is contained in:
Aaron Powell
2026-03-06 16:10:05 +11:00
committed by GitHub
parent f3142d77c1
commit e6437902d6
2 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
website/src/content/docs/learning-hub/index.md
View File

@@ -6,7 +6,7 @@ hero:
tagline: 'Curated articles, walkthroughs, and reference material to help you unlock everything you can do with GitHub Copilot' tagline: 'Curated articles, walkthroughs, and reference material to help you unlock everything you can do with GitHub Copilot'
actions: actions:
- text: Start with Fundamentals - text: Start with Fundamentals
link: /learning-hub/what-are-agents-skills-instructions/ link: what-are-agents-skills-instructions/
icon: right-arrow icon: right-arrow
sidebar: sidebar:
hidden: true hidden: true

10
website/src/styles/starlight-overrides.css
View File

@@ -41,10 +41,14 @@
--sl-color-black: #f0f0f5; --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"] { nav[aria-label="Main"] a[aria-current="page"] {
color: var(--sl-color-white) !important; color: var(--sl-color-text-invert) !important;
font-weight: 600; font-weight: 600 !important;
border-inline-start-color: var(--sl-color-accent) !important; border-inline-start-color: var(--sl-color-accent) !important;
} }