UI Enhancement: Redesign Navbar for Dark Theme Consistency and Active State Clarity

[Parshant-12]

Description

The current navbar design uses a solid white background that visually clashes with the platform's overarching dark space theme. Additionally, the navigation links lack clear active or hover states, making it difficult for users to identify which page they are currently on. The "Sign In" button also feels slightly disconnected from the overall dark aesthetic.

Expected behavior

Update the navbar to a sleek, glassmorphic dark theme that blends seamlessly with the environment. Implement clear visual background highlights for active pages and hover states, and update the "Sign In" button to a high-contrast style.

Screenshots

Before:

After:

Platform

Frontend

Difficulty

Beginner

Priority

Low

Additional information

This change will improve the overall UX by providing clearer navigational cues and a more unified, modern aesthetic. I have already built this redesign locally and can submit a Pull Request immediately if this enhancement is approved!

[Parshant-12]

I have the code for this redesign ready! Could you please assign this issue to me so I can open the Pull Request?

[krishkhinchi]

@Parshant-12, The header looks better with black theme. Also, reduce its width on desktop to make it more compact also add glassmorphism, similar to the attached reference.