🐛 Bug Report: Navigation Links Become Hard to Read on Hover

[pari-dubey1]

📜 Description

Description

The navigation links in the navbar (such as Home) become difficult to read when hovered due to low contrast between the text color and background color. The hover styling reduces visibility and affects the overall user experience.

Steps to Reproduce

1. Open the homepage
2. Hover over navigation links such as Home
3. Observe the text visibility during hover state

Expected Behavior

Navigation links should remain clearly visible and readable during hover interactions with proper contrast.

Actual Behavior

The hovered navigation link text becomes faded/light and difficult to read against the background.

Suggested Fix

• Improve hover text contrast
• Use darker/lighter hover colors depending on theme
• Ensure accessibility-friendly hover styling

Example:

.nav-link:hover {
  color: #111;
  background-color: #f0f0f0;
}

Additional Context

This issue affects the navbar usability and visual consistency.

Labels

bug frontend navbar ui-ux good first issue

What browsers are you seeing the problem on?

Chrome

📃 Relevant Screenshots (Links)

[SiddhiMohite20]

I would like to work with on this issue.

[shivam7-gif]

Hi @pari-dubey1 i would like to work on this issue . Please assign to me.