Added Styles to override the default autofill style of browsers

Adnan-Sait commented 1 year ago

Status	Type
:white_check_mark: Ready	Bug

Description

Added background and color styling to override default styling when browser autofill is used

Motivation and Context

When autofill is used to fill the register / login forms the browser styling is applied to input fields. The default browser styling looks especially bad in dark mode where Webkit browsers apply a white background to the inputs. (Screenshot attached in the issue)

In this PR, the autofill styling has been overridden to appear the same as the default styling of the inputs. This PR fixes #137 issue.

Screenshots / GIFs (if appropriate):

vocascan-autofill-fix vocascan-autofill_light

Checklist

[x] I have read the CONTRIBUTING document.
[x] I have considered the accessibility of my changes (i.e. did I add proper content descriptions to images, or run my changes with talkback enabled?)
[x] I have documented my code if needed

Resolves

Fixes #137

Tracer1337 commented 1 year ago

Please fix the linter errors npm run lint:fix

Adnan-Sait commented 1 year ago

@Tracer1337, I have fixed the lint issues

Tracer1337 commented 1 year ago

@noctera @luwol03 Please merge this

vocascan / vocascan-frontend