Improve Navbar text visibility (black font not visible on dark background)

[VaibhaviSuvarna]

Currently, the navbar text (e.g., “Features”, “About”, “Contact”, “Login”) appears in black, which blends into the dark background — making it difficult for users to read.
This impacts accessibility and overall user experience.

• Proposed Solution:

Change the navbar text color to a lighter shade (e.g., white #ffffff or light gray #e0e0e0) and might also change the navbar color to match the website to ensure proper contrast.

Maintain color consistency with the site’s theme and buttons.

Verify that the contrast ratio meets accessibility standards (WCAG 2.1 AA).

• Testing Checklist:

Text is clearly visible on both desktop and mobile views

Hover effects and active states remain consistent

Contrast ratio passes accessibility check

@kris70lesgo Can you please assign this to me under hacktoberfest? I would love to work on this.

[Ryshab]

Hi @VaibhaviSuvarna , I would like to work on this issue and can you add hacktoberfest tag to it too?

[Harshdev625]

I'm not the maintainer of this repo.

Currently, the navbar text (e.g., “Features”, “About”, “Contact”, “Login”) appears in black, which blends into the dark background — making it difficult for users to read.
This impacts accessibility and overall user experience.

• Proposed Solution:

Change the navbar text color to a lighter shade (e.g., white #ffffff or light gray #e0e0e0) and might also change the navbar color to match the website to ensure proper contrast.

Maintain color consistency with the site’s theme and buttons.

Verify that the contrast ratio meets accessibility standards (WCAG 2.1 AA).

• Testing Checklist:

Text is clearly visible on both desktop and mobile views

Hover effects and active states remain consistent

Contrast ratio passes accessibility check

@Harshdev625 Can you please assign this to me under hacktoberfest? I would love to work on this.