[BUG] - Navbar color inconsistencies — active link color mismatch and mobile view color issue on index page

[vanshika-varshney]

Describe the bug

There are a couple of color inconsistencies in the navbar that affect visual consistency and theme alignment:

1.Active nav link color —In mobile view, the color shown for active links is different from the expected primary color and doesn’t align with the overall color scheme.

2.Mobile navbar on index page — In mobile view, the navbar’s background/text color does not match the color scheme used in other pages.

To Reproduce
Steps to reproduce the behavior:

1. Navigate through pages and observe the active nav link color.
   2.Switch to mobile view on the index (homepage).
   3.Notice that the navbar color scheme differs from desktop view or other pages.

Expected behavior

• Active nav links should use the same highlight color defined in the design system.
• Navbar colors should stay consistent across desktop and mobile views, including on the index page.

Screenshots

[github-actions]

Thank you for raising this issue!

We'll review it as soon as possible. We truly appreciate your contributions! ✨

Meanwhile make sure you've visited the README.md, CONTRIBUTING.md, and CODE_OF_CONDUCT.md before creating a PR for this. Also, please do NOT create a PR until this issue has been assigned to you. 😊