BUG: table content are not showing in the career page when switched to light mode

[Crimson-Typhoon-147]

Preliminary Check

• [X] I have searched the existing issues
• [X] This issue is reproducible

Bug Summary

The table content in the application displayed job listings with a default text color that did not adapt to the light mode setting. Specifically, when users toggled to light mode, the font color for the job titles, salary, and qualifications changed to white, making it difficult to read against the dark background. This inconsistency created a poor user experience, as it hindered visibility and accessibility. The solution involved implementing a CSS class that adjusts the font color back to black in dark mode, ensuring that the table content remains legible regardless of the theme setting. This enhancement improves usability and provides a consistent interface for all users.

Steps to Reproduce

Steps to Reproduce

To reproduce the bug, first ensure the application is running on a system that supports dark mode. Begin by launching the application and navigating to the job listings section, which contains the job table. Once there, toggle the dark mode feature on the interface, typically accessible through a toggle switch or button. After activating dark mode, observe the table content displaying job titles, salary ranges, and qualifications. Notice that the font color changes to white, blending into the dark background and significantly reducing readability. This behavior confirms the issue, highlighting the need for a CSS adjustment to maintain appropriate font color contrast in dark mode.

Expected Behavior

No response

Screenshots/Logs

Additional Information

• [X] I agree to follow this project's Code of Conduct
• [X] I'm a GSSOC'24 contributor
• [X] I want to work on this issue
• [X] I can provide more details if needed

[github-actions[bot]]

👋 Thanks for opening this issue! We appreciate your contribution. Please make sure you’ve provided all the necessary details and screenshots, and don't forget to follow our Guidelines and Code of Conduct. Happy coding! 🚀

[github-actions[bot]]

✅ This issue has been successfully closed. Thank you for your contribution and helping us improve the project! If you have any more ideas or run into other issues, feel free to open a new one. Happy coding! 🚀

[Crimson-Typhoon-147]

@deepeshmlgupta Please add gssocextd and hacktober label