-
Notifications
You must be signed in to change notification settings - Fork 146
Closed
Labels
Description
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:
- Enable Dark Mode on the website.
- Click the "Login" button in the navigation bar to open the login modal.
- Observe the input fields ("ABCDEF", "Password") and the "Login" button.
- 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
Additional Note:
I would like to work on this issue. Please assign it to me so I can fix it