UI and Accessibility Improvements: Password Visibility Icon, Button Alignment, and Placeholder Contrast

[Aman-G-upta]

The current interface in dark mode has a few UI and accessibility issues that impact the user experience on the login and signup pages. Addressing these will enhance readability, accessibility, and ease of use.

Password Visibility Icon Disappearing in Dark Mode (Login Page)

Problem: The password visibility ("eye") icon in the login page disappears or becomes difficult to see when dark mode is enabled. This makes it hard for users to toggle password visibility and verify their input, which is a key usability feature.

Suggested Solution: Adjust the icon’s color or add a contrasting background in dark mode to ensure it remains visible and distinguishable against the dark background.

Alignment and Padding of Buttons (Signup Page)

Problem: The alignment and padding of the "Sign Up" button on the signup page do not match the spacing and size of other form elements, making the button feel slightly cramped and visually inconsistent.

Suggested Solution: Adjust the button's padding and increase its height slightly to achieve visual balance with the input fields above. Ensure consistent styling for all buttons to improve overall design coherence.

Low Contrast of Placeholder Text in Dark Mode (Both Pages)

Problem: The placeholder text in input fields (e.g., "Enter Your Email," "Enter Your Password") lacks sufficient contrast against the dark background, making it hard to read. This can negatively affect users with visual impairments and reduces readability in low-light conditions.

Suggested Solution: Increase the brightness or adjust the contrast of the placeholder text, or switch to a lighter shade of gray/white to ensure it is readable in dark mode.

[Anuj3553]

Hyy @Aman-G-upta, I'm assigning this issue to you.

[Anuj3553]

Can you give star to this repo?