fixed the High Contrast badge hover in High Contrast Theme in Profile

[insanekrishnna]

Addressed Issues

Fixes #545

Changes

Fixed the Badge card hover behavior in High Contrast Theme.

• Prevented the badge background from changing to yellow on hover.
• Preserved the existing badge background in High Contrast Theme.
• Preserved the icon scale animation.
• Left Light and Dark Theme behavior unchanged.
• Made no functional or layout changes.

Testing

• Confirmed the High Contrast badge retains its original background on hover.
• Confirmed the foreground text remains readable.
• Confirmed the icon hover animation remains active.
• Ran git diff --check successfully.
• Confirmed only Profile.tsx was modified.

Screenshots/Recordings

Before:
In High-Contrast theme, hovering over the badge changes the entire badge card background to yellow

badge-issue.mp4

After :
Prevented the badge background from changing to yellow on hover.

sol_badge_hover.mp4

[coderabbitai]

Warning

Review limit reached

Next included review available in 5 minutes.

Check out review usage here.

View limit details

Limit details: You’ve used the included review currently available.

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

Learn how review limits work.

Review configuration:

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Advanced

Run ID: 08aece22-b989-467e-a5a1-4cfb78bf12ad

📥 Commits

Reviewing files that changed from the base of the PR and between 9f90f9b and e8c52dd.

📒 Files selected for processing (1)

• frontend/src/Pages/Profile.tsx

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}