[BUG] Card text becomes unreadable on hover in dark mode

[bhoomisingh00079]

Description

When the website is used in dark mode, hovering over stock cards causes the company subtitle/name text to become very faint or nearly invisible. This reduces readability and creates a poor user experience due to low text contrast on hover.

Where is the issue?

• Frontend
• Backend

Steps to Reproduce

1. Open the website in browser with dark mode enabled.
2. Navigate to the Home page containing stock cards.
3. Hover over any stock card (e.g., RELIANCE.BO, TCS.BO, INFY.BO).
4. Observe that the company subtitle text becomes difficult to read or disappears.

Screenshots

Environment

• OS: macOS
• Browser: Chrome
• Device: Desktop

Additional Notes

This issue appears specifically while viewing the webpage in dark mode. It is likely caused by hover text color or opacity not being optimized for dark theme backgrounds. Improving contrast for hover states would resolve the issue.

[github-actions]

Thanks for addressing the issue! We’ll review it and get back to you shortly. If it’s a feature request, consider adding screenshots or a demo video for clarity.

Join our Discord Community for discussions, questions, and real-time collaboration!