✨ Premium Dark Navbar UI Enhancement & Global Theme System Refactor

[jikrana1]

This PR improves the overall UI/UX consistency of the SmartPark application by redesigning the navbar with a more premium dark appearance and integrating a centralized theme management system using ThemeContext.

Changes Made

• Refactored theme handling to use ThemeContext globally across pages.
• Removed duplicate local theme states and replaced them with shared context-based theme management.
• Improved navbar dark mode appearance with premium dark backgrounds (#141414 / #191919) and enhanced blur effects.
• Added smoother transitions and better visual consistency between the HomePage and Navbar.
• Improved hover states, gradients, shadows, and active navigation styles.
• Enhanced mobile navigation UI and theme toggle behavior.
• Fixed inconsistent navbar colors caused by transparency and backdrop blur combinations.
• Cleaned up legacy commented theme logic for better maintainability.
• Improved responsiveness and modern glassmorphism styling.

Type of Change

• Bug fix
• New feature
• Documentation update
• Refactoring

Checklist

• Code follows project style
• Tested locally
• Updated documentation

[jikrana1]

Hi ,
I would like to work on this issue under SSoC 2026.
Please assign this issue to me.
Thank you !

[Ashmita1206]

Hi @jikrana1, thank you for the suggestion 🚀

Before assigning this issue, could you please provide screenshots/mockups or a more detailed comparison of the current UI versus the proposed changes? Since this involves a broader UI/theme refactor, I'd like to better understand the exact improvements and their impact on the existing design system before proceeding.

Thank you!

[jikrana1]

Hi @Ashmita1206,

Thank you for your response! I will share the screenshots/mockups of the current UI vs proposed changes very soon.

Thank you for your patience!

[jikrana1]

Hi @Ashmita1206,

Screenshots

Before

After

Dark Mode

Please let me know if the proposed design direction aligns with the project requirements.

Thank you.