question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Setting input boxes use old colours

See original GitHub issue

Describe 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:

  1. Go to /settings
  2. Scroll down to ‘Your Internet Presence’
  3. Enter https://twitter.com below ‘Twitter’
  4. Click on something else to remove focus
  5. See the green border.

Expected behavior The border should fit with the current colour scheme.

Screenshots SettingsInput

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
ghostcommented, Oct 17, 2019

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.

0reactions
ojeytonwilliamscommented, Oct 17, 2019

@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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found