UI Improvement: Enhance Light Mode Design Across the Entire Website

[Soumipal56]

The Light Mode UI across the website does not feel visually polished and consistent. Several sections appear plain, unbalanced, or lack proper styling, which affects the overall user experience and modern appearance of the project.

The goal is to improve the complete Light Mode interface to make it cleaner, more attractive, and professionally designed while maintaining consistency throughout the website.

Areas Needing Improvement -

1. Overall color scheme
2. Background and section contrast
3. Typography and text readability
4. Button styling
5. Cards and containers
6. Navbar and footer
7. Form inputs
8. Hover effects and transitions
9. Spacing and alignment consistency

Proposed Enhancements -

1. Use a softer and more modern light color palette
2. Improve contrast between sections and components
3. Add cleaner shadows, borders, and hover effects
4. Improve responsiveness and spacing
5. Make the UI visually consistent across all pages
6. Enhance overall aesthetics without affecting functionality

Expected Outcome -
A modern, visually appealing, and consistent Light Mode UI for the entire website that improves readability, user engagement, and overall design quality.

[shreeiya17]

Hi @ShantKhatri and @Soumipal56, I would like to take this up. I am planning to modernize the Light Mode by updating the global CSS variables.

[shreyagoyal9]

Hi @Soumipal56, I would like to work on this issue.

I’ve gone through the UI requirements and I plan to improve the Light Mode by focusing on:

refining the global color palette for better contrast and readability
improving spacing, typography, and alignment consistency across pages
enhancing buttons, cards, and form inputs with cleaner hover and transition effects
ensuring responsive design improvements without affecting functionality

I will make sure the updated Light Mode looks modern, consistent, and visually polished across the entire website.

Please assign this issue to me. Thank you!