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

Improve UI Contrast #277

Closed
tomjn opened this issue Nov 7, 2019 · 4 comments
Closed

Improve UI Contrast #277

tomjn opened this issue Nov 7, 2019 · 4 comments
Assignees
Labels
feature New feature or request

Comments

@tomjn
Copy link

tomjn commented Nov 7, 2019

Describe the bug

Currently the interface has very low contrast on form inputs, this needs to be increased

To Reproduce
Steps to reproduce the behavior:

  1. Open the interface
  2. Squint

Expected behavior

Clear form inputs that don't require non-corrective vision, and comply with WCAG

Desktop (please complete the following information):

  • OS: MacOS
  • Browser Firefox
  • Version 70

Additional context

This affects all colour schemes in the settings area, either borders or greater background contrast will improve the UI significantly

@liyasthomas
Copy link
Member

We seriously think, we need to update the color schemes. Me being not much of a great frontend developer, I seek help on choosing color schemes that comply with WCAG. Anyway, next commit will include more web safe colors.

@tomjn
Copy link
Author

tomjn commented Nov 7, 2019

I think a thin but darker border around the inputs might do the job, here's a quick border: 1px solid var(--fg-color); on all input elements:

Screenshot 2019-11-07 at 02 02 15

@liyasthomas
Copy link
Member

Thanks for the quick suggestion. Will update 🎉👍

@liyasthomas liyasthomas self-assigned this Nov 7, 2019
@liyasthomas liyasthomas added the feature New feature or request label Nov 7, 2019
@tomjn
Copy link
Author

tomjn commented Nov 7, 2019

Thanks for the ultra fast reply :)

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

No branches or pull requests

2 participants