🐞[Bug]: 3 Major Issues Related to Theme Inconsistencies

[kanishka-commits]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

Issue: Theme Inconsistencies Across Multiple Components

Description:
There are multiple theme-related inconsistencies affecting the visual clarity and overall UI experience across different sections of the website.

1. GitHub Sign-In Button

• Problem: The "Sign in with GitHub" button does not adapt its color with the active theme.
• Impact: In dark mode, the button blends with the background and doesn’t stand out as it does in light mode.
• Expected Behavior: The button color and icon contrast should adjust dynamically based on the selected theme to ensure visibility and consistency.

Screen.Recording.2025-10-20.at.11.26.46.AM.mov

2. Sanjay’s Substack Popup

• Problem: The popup window for Sanjay’s Substack changes the title color with the theme, resulting in a white title on a light background in dark mode.
• Impact: This reduces readability and breaks visual consistency.
• Expected Behavior: The title color should remain readable in both themes, maintaining proper contrast against the background.

Screen.Recording.2025-10-20.at.11.30.20.AM.mov

3. GitHub Achievement Badges

• Problem: The description text under the GitHub achievement badges is hard to read in light mode, while it appears fine in dark mode.
• Impact: Reduces clarity and user accessibility in light mode.
• Expected Behavior: Text color and background contrast should be adjusted for readability in both themes.

Screen.Recording.2025-10-20.at.11.33.45.AM.mov

Suggested Fixes:

• Implement consistent theme-aware color variables for all components.
• Ensure sufficient color contrast (WCAG-compliant) in both light and dark themes.
• Test UI elements after theme switching to confirm visual consistency.

Expected behavior

(Added along with the Description of the issues)

Add ScreenShots

(Added along with the Description of the issues)

What browsers are you seeing the problem on?

Safari

Record

• I have read the Contributing Guidelines
• Are you a GSSOC'25 contributor
• I want to work on this issue

[github-actions]

Thanks for opening this issue! 🎉 We'll look into it as soon as possible, estimated time for response is 5–8 hrs.

Don't raise PR unless assigned to you.

In the meantime, please provide all necessary details and context to your issue — screenshots or videos of your changes help speed up the review and assignment. If you have questions, reach out to LinkedIn. Your contributions are highly appreciated!😊

Note: I maintain the repo issue every day twice at 8:00 AM IST and 9:00 PM IST. If your issue goes stale for more than one day, you can tag and comment on this same issue by tagging @sanjay-kv.

We are here to help you on this journey of open source. Consistent contributions are eligible for sponsorship 💰

🎁 check our list of amazing people we sponsored so far: GitHub Sponsorship. ✨

📚Resources which can help you know more about Github 👇🏻

1. End to End GitHub Beginner Playlist: GitHub Playlist.

2. Build your GitHub Profile: GitHub Profile Optimisation.

3. GitHub Handbook for dummies: GitHub Blog for Beginners.

[kanishka-commits]

@sanjay-kv
I hope you can add Level 3 to it as a single PR would contain 3 major issues
Thankyou!

[github-actions]

👤 Issue assigned to @kanishka-commits.

[sheikhlimon]

@kanishka-commits while you're at it can you try and make the popup responsive to the respective dimension for smaller and medium screens