Responsiveness and Dark Mode in the nighthawk website

[dhruveshmishra]

Current Behavior

1. When go to mobile responsive through the inspect than the sections of navbar disappears and on opening docs certain written lines do not shown in the normal mode as it is overflowing and the sidebar is overlapping with the content written .
2. I think it would be look great if I add the dark mode in the website and some effects of animations which would be look great

Expected Behavior

1. In Mobile responsive we can add a dropdown to navbar and make the site fully responsive that it should not overlap and anything written not missing.

I am attaching a screen recording of the website

Screen.Recording.2026-06-21.at.7.44.08.PM.mov

Environment

• Host OS: Mac Linux Windows

---

Contributor Resources

• See the Contributing to getnighthawk.dev Website
• See the Project Site section of GetNighthawk project doc
• 🎨 Wireframes and designs for Nighthawk Site in Figma
• Meshery UI Nighthawk (Performance) in Figma
• 🙋🏾🙋🏼 Questions: Layer5 Discussion Forum and Layer5 Community Slack

[PARTH-TUSSLE]

Hey @dhruveshmishra @saurabhraghuvanshii , just saw this issue being addressed in the meeting. I would like to work on this, could you assign it to me?

[dhruveshmishra]

@PARTH-TUSSLE Sorry parth I am working on this u can check other issue

[Bhumikagarggg]

@dhruveshmishra If you are working on this why did you closed this issue?

[dhruveshmishra]

@Bhumikagarggg I had mentioned this issue in the slack and I recieve a feedback that it is not a neccesary for now for this website thatswhy. If this is a valid issue by your side than I could reopen it and work on it