-
-
Notifications
You must be signed in to change notification settings - Fork 201
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
Text contrast is too low #232
Comments
What you are talking about has nothing to do with the font-weight. Only the main menu and headlines have a
See the color definitions of the default theme: The background is I could increase the contrast a bit by setting the opacity of the default text color from Compare your screenshot with mine (using Antergos (Linux) with slight font hinting and rgba antialiasing): As you can see the text is quite a bit darker than on your Windows 10 machine. That's a bit unexpected to be honest and I didn't notice that in my VM. I'll see what I can do about this tomorrow. |
I'm fine if the behavior on Windows is the same as on your Linux. Thanks! |
The issue is the horrendous text rendering engine of Windows (in Chromium). |
Yeah. For example, |
The ugly font rendering on Windows is caused by semi-transparent text colors. Chromium doesn't seem to like this at all. I thought their DirectWrite implementation had fixed those issues a couple of years ago. Even the latest NW.js version which includes the latest Chromium version has this issue. Semi-transparent text colors were introduced by the implementation of themes roughly a year ago in d6527b1. That means that I will have to rewrite all the stylesheets, so that only non-transparent font colors are being used instead. This is quite troublesome and I hope it won't be too much work. Actually, my plan was implementing a more dynamic theming system with css variables that can be changed on runtime by the user (enabled by #275). I'm not entirely sure, but I think it would be wiser to wait for this first. |
Description
I know everybody has different taste, but I found currently the app's text contrast is too low, and I can't read the text clearly. There was an issue #72 talking about flurry, but my problem is contrast.
From my perspective, the issue comes from two factors: font weight and color. To make sure it is not my monitor's problem, I checked the code. It looks like the main window uses
lighter
weight (https://github.com/bastimeyer/livestreamer-twitch-gui/search?q=font-weight&type=Code). Also, the font color looks like gray, not black.I hope you can consider fixing this by either adjusting the font weight or color or both.Or, if you consider that too intrusive and backward incompatible, add an option to adjust them by user?
The same problem applies to the dark theme but slightly better. But when possible, I always prefer dark text on light background, which is less stressful to eyes (reference: http://uxmovement.com/content/when-to-use-white-text-on-a-dark-background/).
Thank you!
Environment details (operating system, etc.)
Windows 10
Comments, logs, screenshots, etc.
The text was updated successfully, but these errors were encountered: