Setting input boxes use old colours
See original GitHub issueDescribe the bug Some of the input boxes (Email Settings and Your Internet Presence at least) get the old green border when valid inputs are entered.
To Reproduce Steps to reproduce the behavior:
- Go to
/settings
- Scroll down to ‘Your Internet Presence’
- Enter
https://twitter.com
below ‘Twitter’ - Click on something else to remove focus
- See the green border.
Expected behavior The border should fit with the current colour scheme.
Screenshots
Issue Analytics
- State:
- Created 4 years ago
- Comments:5 (2 by maintainers)
Top Results From Across the Web
Background color in input and text fields - css - Stack Overflow
I would like to change the color background in ...
Read more >Applying color to HTML elements using CSS - MDN Web Docs
This article is a primer introducing each of the ways CSS color can be used in HTML.
Read more >Fill shapes and text boxes with color or an image in Keynote ...
In Keynote on your Mac, fill shapes and text boxes with a solid color, gradient, or image. Save a custom fill to use...
Read more >Change the track changes color - Microsoft Support
Change the track changes color · Go to Review > Tracking Dialog Launcher Button image . · Select Advanced Options. · Select the...
Read more >Work with color groups (harmonies) in Illustrator
To change the color values manually, click the color marker or click the color in the Active Colors box. Edit the color values...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Thanks for testing it @ojeytonwilliams 😃
I realized about those two points you mentioned when I was working with this issue, I intended to create several new issues about it and another accessibility issue.
Yes the client validation for email settings and internet presence is all over the place and need some improvements. Border color for focus state on input boxes with night mode is also hard to see. Inverting some colors looks like a good idea.
Now that this issue is already closed, let’s move the discussion to new issues. I will mention you when it have been created.
@rickysyamsi I tried out your PR and it looks great! Before we go ahead with that I would like your thoughts on a couple of things.
Firstly, are you getting the appropriate error and warning classes applied? Testing locally I don’t seem to be.
Secondly, what do you think about inverting the input boxes in night mode? i.e. dark background + light text to fit in with the rest of the aesthetic.