-
-
Notifications
You must be signed in to change notification settings - Fork 23.6k
Enhance contrast on Modern theme a bit more #112558
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
base: master
Are you sure you want to change the base?
Conversation
b1c922a to
42049db
Compare
|
It needs tweaks to individual elements at this point as I hinted in my comment because while some elements gained visibility as a result of 2 global contrast bumps after the theme was ported from gdscript, some elements lost it. For example pressed buttons need less luminance now because their icons are starting to get lost in the background: I think it will be better to do fine color adjustments closer to release in one sweep after most of the issues are addressed and the theme is more stable, as the colors of some elements aren't final yet, i.e popup menus may need to change significantly after they get their shadows, nested tabs still need work, inspector sections need work, etc. When we do those final color tweaks I also want to look into making text a bit brighter and repeating icons less distracting. |
This comment was marked as outdated.
This comment was marked as outdated.
42049db to
a427644
Compare
|
Pushed an adjustment to button contrasts. Should solve even the first bump's contrast issue. Looking at the side effects, I believe them to be more positive than negative. Screenshots updated. |
a427644 to
f7363d8
Compare
This comment was marked as outdated.
This comment was marked as outdated.
f7363d8 to
25f3103
Compare
|
Decided to adjust the text/icon contrast too. Screenshots updated @passivestar would you take another look? |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Tested locally, it works as expected. Code looks good to me.
The increased contrast helps with readability, especially in bright/outdoor environments (although a light theme is still preferable in those situations).
I've only tested this on an OLED monitor with moderate ambient lighting, so I suggest also looking at this in various conditions (e.g. no ambient lighting, some LCD monitor with poor contrast ratio, etc). This will impact how you perceive contrast.
| Before | After |
|---|---|
![]() |
![]() |
The overall contrast change is good. Some feedback:
This is an improvement but as I mentioned in my previous message it's unlikely that all of these values will be final because further balancing tweaks will be needed closer to release. Later it will also probably make sense to bring the editor setting contrast back to its original |
25f3103 to
185220f
Compare
|
Updated once more. This time I included button hover color and made the tweak slightly smaller. At this point I'm just trying to slightly improve the current overall feel. Not a good idea to do many changes at once unless they break without each other. |



A 5% increase in contrast, bumping the main color from
#272727to#292929and contrast from 0.35 to 0.37.Also tweaks some elements to avoid contrast issues (see #112558 (comment)). There were some side effects, though, but I believe they were more positive than negative.
Exaggerated variant preview (isolated as it's not part of this PR)
I made a little palette to compare colors:

For reference, from left to right:
#272727(Current color)#292929(Proposed color)#2d2d2d(Exaggerated color)#3f3f3f(Halfway point between true black and true gray, slightly brighter than Godot's Gray theme)#7f7f7f(True gray)