[Bug]: Invisible text in input fields upon pasting or autofilling due to color contrast

[Parshant-12]

Description

When a user attempts to log in and selects an email address from their clipboard or browser autofill suggestions, the populated text is invisible. The text color appears to match the dark background color of the input field, resulting in a contrast issue that prevents users from seeing what they have entered.

Reproduction steps

Navigate to the landing page and click the "Sign In" button.

On the login modal/page, click inside the "Email" input field.

Select an email address from the browser's autofill dropdown (or paste an email from the clipboard).

Observe the input field; the text is populated but remains completely invisible against the dark background.

Expected behavior

Any typed, pasted, or autofilled text should be clearly visible. The input field's text color should have a high contrast against its dark background (e.g., white or light gray text) regardless of how the text was entered.

Screenshots

Video.Project.15.1.mp4

Platform

Website

Difficulty

Beginner

Priority

High

Additional information

Check the CSS color properties for the input fields.

Specifically, check for browser-applied autofill styles. You may need to override the default autofill styles using the :-webkit-autofill pseudo-class to ensure the text color (-webkit-text-fill-color) and background color remain consistent with the dark theme.

[Parshant-12]

/claim
please assign this issue to me under the ECSoC26 tag