Skip to content

[BUG] Login Form Text is Unreadable in Dark Mode due to CSS Contrast Issue #703

@UjjwalTomar0808

Description

@UjjwalTomar0808

Description

In dark mode, the login form has several CSS color and contrast issues that make the text and placeholder text unreadable. The white placeholder text in the input fields is not visible against the white background of the fields themselves. This creates a poor user experience and is a significant accessibility failure.

To Reproduce

Steps to reproduce the behavior:

  1. Enable Dark Mode on the website.
  2. Click the 
"Login" button in the navigation bar to open the login modal.
  3. Observe the input fields ("ABCDEF", "Password") and the "Login" button.
  4. See that the placeholder text is nearly invisible against the white input background, as shown in the attached screenshot.

Expected Behavior

All text and placeholder text within the login modal should be clearly visible and have sufficient contrast in dark mode.

  • The placeholder text inside the input fields should be a contrasting color (like dark gray) to be easily readable against the white background.
  • The text on the "Login" button and the "Sign Up" link should also have high contrast against their respective backgrounds.

Screenshots

Image

Additional Note:

I would like to work on this issue. Please assign it to me so I can fix it

Metadata

Metadata

Labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions