Fixed Frontend issue #2328
Conversation
|
@Praharsh7270 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):
|
|
I have fixed this issue please merge it |
|
I have fixed this issue please review it and merge it @Priyanshu-byte-coder |
|
I have fixed this issue. Please review it and merge it @Priyanshu-byte-coder @ |
|
This PR has merge conflicts with the current git fetch origin main
git merge origin/main
# resolve conflicts
git push |
|
ok i will fix it |
Summary
Fixed the low-contrast text issue on the "About DevTrack" feature cards so that titles and descriptions are clearly readable by default, without relying on hover state.
Closes #2317
Type of Change
What Changed
Removed the opacity/group-hover classes that were gating the visibility of card titles and descriptions in the feature grid
Updated the card background and text colors in LandingPage.tsx so all four cards (Live GitHub Signals, PR Momentum, Goal Tracking, Shareable Profile) display with consistent, readable contrast by default
Adjusted the hover/active state to a subtle accent (left border highlight) instead of being the only trigger for text visibility
Verified text color combinations meet WCAG AA contrast on the new card background
How to Test
Visit the landing page and scroll to the "About DevTrack" section
Expected result:
All four feature cards are readable at all times, with or without hover, on both desktop and mobile
Screenshots / Recordings
| Before |

|After |

| | |
Checklist
Linked the related issue above
Self-reviewed my own diff
No unnecessary console.log, debug code, or commented-out blocks
npm run lint passes locally
No TypeScript errors (npm run type-check)
Accessibility (UI changes only)
Keyboard navigation works correctly
Color contrast meets WCAG AA standard