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

Open Beginner friendly
#230 6 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
70/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Active
Tech stack
react
Domain
frontend

Research direction

Start at the Home page implementation and locate the stock card component and its dark-mode hover styles. Reproduce the issue with dark mode enabled, then verify that the company subtitle/name remains readable when hovering over cards such as RELIANCE.BO, TCS.BO, or INFY.BO.

Written by the indexing model from the issue text.

Description

bug

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

Image Image

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.

Dominant language
Jupyter Notebook
Stars
37
Forks
106
PR merge metrics
No merged PRs in 30d

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from SrigadaAkshayKumar/stock

All issues in SrigadaAkshayKumar/stock

Similar issues

More Web Dev issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.