Skip to content

Improve Text Visibility in Light Mode (Theme Issue) #228

@yadhvi13

Description

@yadhvi13

Current Behavior

When switching to Light Mode, the light background and text colors have low contrast.
This reduces readability and creates a poor user experience.

Expected Behavior

  • Text and background theme should remain clearly visible in Light Mode.
  • Proper color contrast should be maintained to ensure accessibility.

Steps to Reproduce

  1. Switch the website/application theme to Light Mode.
  2. Navigate through different sections (header, body, footer).
  3. Notice that text visibility is poor and images blend into the background.

Proposed Solution

  • Adjust text colors to maintain sufficient contrast in Light Mode.
  • Update background shades to avoid text blending.
  • Ensure all sections follow accessibility guidelines (WCAG contrast ratio).
  • Test responsiveness across desktop and mobile.

Additional Context

This improvement will enhance the overall "user experience" and make the website more accessible.


I’d like to work on this issue and implement the changes. Please assign it to me.

Metadata

Metadata

Assignees

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions