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 readability of dark mode #137

Open
CWempe opened this issue Nov 26, 2020 · 1 comment
Open

improve readability of dark mode #137

CWempe opened this issue Nov 26, 2020 · 1 comment

Comments

@CWempe
Copy link

CWempe commented Nov 26, 2020

When I was playing with my family everybode was pleased when I mentioned there was a dark mode.

But everybody switched back to light mode, because it was to hard to read.

I may try to see what colors work better and add a PR when I find some time.

I will look at https://material.io/design/color/dark-theme.html for inspiration. 😎

@CWempe
Copy link
Author

CWempe commented Nov 26, 2020

Looks like it is not as easy to manipulate the colors as I expected.
I just know a little html and css.
But I cannot find where the color of the text is defined.
Here?
But I don't know how this works. 😄

Anyway:
Here is my proposal (according to material design):

original:

image

proposal:

  1. main backgroud: #121212
  2. cell background: #fff; opacity: 16% (or similar)
  3. text color: #fff; opacity: 87%;

image

My main issue is the contrast of the cell background to the cell text.
It should be more "white on back" instead of "black on grey"

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

No branches or pull requests

1 participant