Text not visible on role cards in light mode #584
Description
Description :
In the "Role Based Roadmaps" section of the DevElevate platform, the text inside the role cards (e.g., Frontend Developer, Backend Developer, etc.) becomes nearly invisible when using light mode. This affects readability and user experience, especially for beginners trying to explore career paths.
Steps to Reproduce:
- Navigate to the "Road Map" section.
- Switch to light mode.
- Observe the text on the role cards.
Expected Behavior :
Text should remain clearly visible and accessible in both light and dark modes.
Actual Behavior: Text blends into the card background in light mode, making it hard to read.
Suggested Fix :
- Adjust text color contrast for light mode.
- Consider using theme-aware styling with sufficient contrast ratios.
- Test accessibility using tools like Lighthouse or axe-core.