Skip to content

Improve Light Theme UI for Better Visual Consistency and Readability #22

Description

@revatikadam0607

Description

The current Light Theme still retains several dark-themed design elements, making the interface appear visually inconsistent and reducing the distinction between the Light and Dark modes. Refining the Light Theme will provide a cleaner, brighter, and more user-friendly experience while maintaining the existing design language.

Proposed Solution

  • Update background colors to better reflect a true Light Theme.
  • Improve text and icon colors to enhance readability and contrast.
  • Refine cards, buttons, input fields, and navigation components for a brighter appearance.
  • Adjust shadows, borders, and accent colors to suit the Light Theme.
  • Ensure all pages and reusable components follow a consistent Light Theme design.
  • Verify responsiveness and accessibility after the UI improvements.

Benefits

  • Creates a clear distinction between Light and Dark themes.
  • Improves readability and accessibility.
  • Provides a cleaner and more modern user interface.
  • Enhances the overall user experience through consistent theming.

This issue is being raised as part of ECSoC26.

Hi @AditthyaSS ! I'd like to work on this issue as part of ECSoC26. Could you please assign it to me? I'll start working on it right away. Thank you!

Metadata

Metadata

Labels

No labels
No labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions