fix-pr-tooltip-contrast

[tharunika-19]

Related Issue

Closes #605

Changes Made

• Fixed tooltip text visibility in the PR Breakdown donut chart
• Improved contrast for dark mode readability
• Updated tooltip styling for better accessibility and UI consistency

Before

• Tooltip text appeared dark on a dark background, making percentage values difficult to read

After

• Tooltip text is clearly visible with improved contrast and readability in dark mode

[vercel]

@tharunika-19 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]

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

[Priyanshu-byte-coder]

Two issues:

1. Tooltip CSS vars broken: The tooltip was previously using getCSSVariable('--tooltip') and getCSSVariable('--tooltip-foreground') — the new code replaces these with hardcoded hex values (#111827, #374151, #ffffff). This breaks dark/light mode switching and our CSS variable system. Please restore the CSS var usage (or use getCSSVariable('--card') / getCSSVariable('--foreground') if --tooltip isn't defined).

2. Scope: The custom /auth/signin page and auth.ts pages config are a separate feature from the tooltip contrast fix. If you want to add the custom signin page, please open a separate PR for it.

[tharunika-19]

Hi @Priyanshu-byte-coder 👋

I’ve updated the PR by restoring the CSS variable usage and removing the unrelated auth changes.

I’m currently unable to fully verify the dashboard locally because the GitHub OAuth flow is not completing in my local environment, but the tooltip styling logic has been updated as requested and the hardcoded color values have been removed.

Please review the latest changes, and let me know if any further adjustments are needed. 🚀

[Priyanshu-byte-coder]

The tooltip now uses getCSSVariable — thank you. One remaining blocker: the /auth/signin page and auth.ts pages: config change are still included in this PR. The previous review asked for these to be moved to a separate PR. Please remove them from this branch — the tooltip fix alone is ready to merge.

[tharunika-19]

Thanks for the review @Priyanshu-byte-coder 👋
I’ve now removed the unrelated /auth/signin and auth.ts changes from this branch. The PR now only contains the tooltip contrast fix and CSS variable updates for proper theme support.

Please review the updated changes. 🚀

[github-actions]

🎉 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!