Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Input fields turn white in dark mode upon using auto-complete #2469

Closed
cristina-eleonora opened this issue Oct 22, 2019 · 2 comments · Fixed by #2798
Closed

Input fields turn white in dark mode upon using auto-complete #2469

cristina-eleonora opened this issue Oct 22, 2019 · 2 comments · Fixed by #2798
Assignees

Comments

@cristina-eleonora
Copy link

When a user uses auto-complete, the color of the input fields changes to a light grey, #E8F0FE, instead of staying dark (however, the icons stay the same color as they would be in dark mode):

auto-complete dark mode

When a user inputs values manually , the behaviour is normal.

@ryankeairns
Copy link
Contributor

ryankeairns commented Oct 22, 2019

The same situation can be seen on our Kibana password reset page. With some quick Googlin', it is possible to override these styles, but it's quite hacky and potentially brittle.

FWIW, this approach basically works although it doesn't seem worth the tradeoff, imo:

Screenshot 2019-10-22 08 43 18

Screenshot 2019-10-22 08 47 29

Reference links used to cobble this together

https://stackoverflow.com/questions/2781549/removing-input-background-colour-for-chrome-autocomplete
https://webagility.com/posts/the-ultimate-list-of-hacks-for-chromes-forced-yellow-background-on-autocompleted-inputs

@cchaos
Copy link
Contributor

cchaos commented Oct 22, 2019

Related issue: #827
Original attempt: #1805

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants