feat(ui): enhance UI for projects page (dark + light theme)
📌 What does this MR do and why?
This MR enhances the UI of the Projects page by introducing a modern, clean, and consistent design system.
The goal is to improve visual hierarchy, readability, and overall user experience without modifying any existing functionality or content.
🚀 Key Features
-
🌙 Implemented dark theme improvements -
☀ ️ Added light theme support without affecting existing UI -
🔄 Introduced theme toggle (dark↔ light) -
🎨 Enhanced project cards (spacing, shadow, readability) -
🔍 Improved search bar styling -
🏷 ️ Updated filter tabs UI (pill-style with active states) -
✨ Added hover effects for better interactivity
❓ Why this change?
- Existing UI lacked visual clarity in light mode
- Cards had low contrast and poor readability
- UI consistency across sections needed improvement
- Introduces scalable theming system (dark + light)
- Aligns design with modern SaaS UI standards
📸 Screenshots
Before
After
✅ Checklist
- UI updated without changing content
- No functionality changes
- Dark theme preserved
- Light theme added safely
- Responsive design maintained
- Code follows project standards
##Related Issues
Edited by Kaveri Mamidi