Skip to content

Fixed Frontend issue #2328

Open
Praharsh7270 wants to merge 2 commits into
Umbrella-io:mainfrom
Praharsh7270:main
Open

Fixed Frontend issue #2328
Praharsh7270 wants to merge 2 commits into
Umbrella-io:mainfrom
Praharsh7270:main

Conversation

@Praharsh7270

@Praharsh7270 Praharsh7270 commented Jun 11, 2026

Copy link
Copy Markdown

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

  • 🐛 Bug fix (non-breaking change that fixes an issue)

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 |
image

|After |
image

| | |


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

@vercel

vercel Bot commented Jun 11, 2026

Copy link
Copy Markdown

@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.

@github-actions github-actions Bot added gssoc26 GSSoC 2026 contribution type:bug GSSoC type bonus: bug fix type:devops GSSoC type bonus: devops (+15 pts) type:docs GSSoC type bonus: documentation (+5 pts) type:testing GSSoC type bonus: tests (+10 pts) labels Jun 11, 2026
@github-actions

Copy link
Copy Markdown

GSSoC Label Checklist 🏷️

@Priyanshu-byte-coder — please apply the appropriate labels before merging:

Difficulty (pick one):

  • level:beginner — 20 pts
  • level:intermediate — 35 pts
  • level:advanced — 55 pts
  • level:critical — 80 pts

Quality (optional):

  • quality:clean — ×1.2 multiplier
  • quality:exceptional — ×1.5 multiplier

Validation (required to score):

  • gssoc:approved — counts for points
  • gssoc:invalid / gssoc:spam / gssoc:ai-slop — does not score

Type labels (type:*) are auto-detected from files and title. Review and adjust if needed.
Points formula: (difficulty × quality_multiplier) + type_bonus

@github-actions github-actions Bot added type:feature GSSoC type bonus: new feature type:design GSSoC type bonus: UI/design (+10 pts) type:performance GSSoC type bonus: performance (+15 pts) labels Jun 11, 2026
@Praharsh7270

Copy link
Copy Markdown
Author

I have fixed this issue please merge it

@Praharsh7270

Copy link
Copy Markdown
Author

I have fixed this issue please review it and merge it @Priyanshu-byte-coder

@Praharsh7270

Copy link
Copy Markdown
Author

I have fixed this issue. Please review it and merge it @Priyanshu-byte-coder @

@Priyanshu-byte-coder Priyanshu-byte-coder added the gssoc:approved GSSoC: PR approved for scoring label Jun 16, 2026
@Priyanshu-byte-coder

Copy link
Copy Markdown
Member

This PR has merge conflicts with the current main branch. Please rebase or merge main into your branch to resolve the conflicts, then push the updated branch. Once conflicts are resolved, this PR will be merged.

git fetch origin main
git merge origin/main
# resolve conflicts
git push

@Praharsh7270

Copy link
Copy Markdown
Author

ok i will fix it

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

gssoc:approved GSSoC: PR approved for scoring gssoc26 GSSoC 2026 contribution type:bug GSSoC type bonus: bug fix type:design GSSoC type bonus: UI/design (+10 pts) type:devops GSSoC type bonus: devops (+15 pts) type:docs GSSoC type bonus: documentation (+5 pts) type:feature GSSoC type bonus: new feature type:performance GSSoC type bonus: performance (+15 pts) type:testing GSSoC type bonus: tests (+10 pts)

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[GOOD FIRST ISSUE] Frontend issue

2 participants