fix(a11y): resolve WCAG AA contrast failures in light theme and dashb…#2191
Merged
Priyanshu-byte-coder merged 1 commit intoJun 8, 2026
Conversation
|
@Antra1705 is attempting to deploy a commit to the PRIYANSHU DOSHI's projects Team on Vercel. A member of the Team first needs to authorize it. |
GSSoC Label Checklist 🏷️@Priyanshu-byte-coder — please apply the appropriate labels before merging: Difficulty (pick one):
Quality (optional):
Validation (required to score):
|
351d19f
into
Priyanshu-byte-coder:main
5 checks passed
|
🎉 Merged! Thanks for contributing to DevTrack. If the project has been useful to you, a ⭐ star on the repo is the easiest way to support it — it helps DevTrack get discovered by more developers. Keep an eye on open issues for your next contribution! |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Resolved WCAG AA color contrast failures in the
modern-light-bluetheme identified via Lighthouse accessibility audit. Three color token fixes acrossglobals.css,StatsCard.tsx, andLandingPage.tsx.Closes #1335
Type of Change
Changes Made
globals.css: Updated--accentfrom#5b8def(3.04:1) to#2563eb(4.85:1 — WCAG AA pass)globals.css: Updated--accent-secondaryfrom#8eb7ffto#1d4ed8(6.70:1 — WCAG AA pass)globals.css: Synced--focus-ringwith updated primary accentStatsCard.tsx: Replaced hardcoded#6b7280unit label color with#4b5563(4.68:1 — WCAG AA pass)LandingPage.tsx: Replaced hardcoded#10b981terminal comment color (2.46:1) withvar(--success)token, resolving to#059669in light mode (4.85:1)How to Test
modern-light-bluethemeScreenshots (if UI change)
Before

After

Before

After

Before

After

Checklist
npm run lintpasses locallynpm run type-check)Accessibility Checklist
Additional Notes
devbranch — confirmed identical before and after this PR (verified viagit stash+npx vitest run). Zero new failures introduced.modern-light-bluetheme tokens only.