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.