🐞[Bug]: Text Contrast and Subtitle Alignment in Light & Dark Modes On Careers Page

[Codeboy20]

Is there an existing issue for this?

• I have searched the existing issues

🐛 Bug Report

Page: Careers Page
Issue: Text visibility and subtitle misalignment in Light & Dark modes

---

📋 Description

On the Careers Page, several UI elements have text visibility issues and subtitle misalignment across Light & Dark modes:

• In Light Mode, darker text becomes too light, reducing readability.
• In Dark Mode, some light-colored text appears too dim or blends with the background.
• Subtitle text under sections (e.g., Culture & Values, Perks & Benefits, Open Positions) appears misaligned compared to headings and icons.

This negatively impacts readability, visual consistency, and accessibility.

---

📝 Steps to Reproduce

1. Go to the Careers Page.
2. Switch between Light Mode and Dark Mode.
3. Scroll to sections:
   • Culture & Values
   • Perks & Benefits
   • Open Positions
4. Observe text colors and subtitle alignment.

---

✅ Expected Behavior

• Text colors meet WCAG contrast standards in both Light and Dark modes.
• Subtitle text is consistently aligned with icons/headings across all sections.

---

📷 Screenshots

---

🛠 Suggested Fix

• Adjust CSS variables for text colors to ensure proper contrast in both modes.
• Set a consistent line-height, padding, and margin for subtitles to align with icons/headings.
• Test the layout across multiple screen sizes and themes.

---

🌐 Environment

• Browser: (e.g., Chrome 140)
• OS: (e.g., Windows 10)
• Screen Resolution: (optional)

---

💡 Additional Context

Improving text visibility and alignment on the Careers Page will enhance accessibility, user experience, and maintain a professional UI standard.

What browsers are you seeing the problem on?

Chrome

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.

[github-actions]

👤 Issue assigned to @Codeboy20.

[github-actions]

✅ This issue has been closed. Thank you for your contribution!