X Tutup
Skip to content

Finalize colors of modern theme#114162

Merged
akien-mga merged 1 commit intogodotengine:masterfrom
passivestar:modern-theme-colors
Dec 21, 2025
Merged

Finalize colors of modern theme#114162
akien-mga merged 1 commit intogodotengine:masterfrom
passivestar:modern-theme-colors

Conversation

@passivestar
Copy link
Contributor

@passivestar passivestar commented Dec 18, 2025

Addresses most of remaining contrast-related feedback and simplifies logic of _get_base_color(). Doing it all in one PR because a lot of these changes are interdependent

Closes #112230
Closes #112385
Closes #114031
Supersedes #112558

Master PR
1 2
Full list of changes:

  1. Moves the contrast multiplier from the editor setting to the theme, restoring 0.3 as the default value.

  2. Simplifies the logic of _get_base_color() and adds support for negative contrast. Since we're now lerping the same amount regardless of whether the dimness offset is positive or negative we have simpler calls to _get_base_color() and more predictable values in light themes. It now works similar to how it did in classic theme. Because of that the light theme now also uses the same contrast of -0.06 for the light theme as the classic theme.

  3. Changes base color from #272727 to #292929 to make panels and tabs easier to distinguish.

  4. Slightly increases the default font and icon brightness (0.7 -> 0.75, 0.7 -> 0.8) to improve readability.

  5. Increases brightness of inactive tab font and icon (they became too dim when support for themable tab icon colors was introduced, which is especially noticeable in scene tabs).

  6. Makes popup menus darker to make them blend less with inspector properties. This isn't perfect and is more of a mitigation than a fix for now because there's not a lot of range to work with there. When popup menus are reworked to support shadows (Make per_pixel_transparency always enabled in the editor #106324) it will be more feasible to make them elevated (i.e see Make PopupMenu/Panel shadows properly visible again #91333 (comment))

  7. More subtle hover indication in popup menus.

  8. Reduces brightness of backgrounds of pressed flat buttons (i.e in toolbars) to make their icons more readable.

  9. Makes the selected editor property brighter to make it easier to see it.

  10. Progressbars in dark popups have different colors now to account for new dark popup background.

  11. Project list items now use their own colors instead of Tree colors to make the hover indication more fitting for their background

  12. Audio bus effect list has a more fitting background color now, the secondary tree one was too contrasty for the audio bus background.

  13. Fixes overbrightened font color on checkboxes.

  14. Headers of sidebar trees now have their own colors that look better on sidebar backgrounds, while regular tree headers are less contrasty and more fitting for regular backgrounds.

  15. Fixes overbrightened project tags.

  16. Adds missing hover-pressed state to project list.

  17. Fixes code blocks blending with help background.

@PavielKraskouski
Copy link
Contributor

Shouldn't popup menus have rounded corners?

@passivestar
Copy link
Contributor Author

Shouldn't popup menus have rounded corners?

yes but you can't do it through theming alone because they are currently drawn in separate non-transparent windows and that will need to be changed first

@NicholasBolen
Copy link

The new colours seem good and well balanced, though the "active tab" text (3D) highlight seems less noticeable.

Master image
PR image

Text contrast in the file system and scene tree also seems lower due to the brighter background, particularly for currently selected items ("Player" node and "cloud.glb"). May be good to record some contrast ratios to compare with standards.

@passivestar
Copy link
Contributor Author

the "active tab" text (3D) highlight seems less noticeable.

particularly for currently selected items ("Player" node and "cloud.glb")

Fixed.

Also fixed overbrightened project tags, overly contrasty backgrounds of editor shortcuts, code blocks blending with help background, and added hover-pressed highlights to the project list

@passivestar passivestar marked this pull request as ready for review December 20, 2025 03:31
@passivestar passivestar requested review from a team as code owners December 20, 2025 03:31
@passivestar passivestar requested a review from a team December 20, 2025 03:31
@akien-mga akien-mga merged commit c56f68e into godotengine:master Dec 21, 2025
20 checks passed
@akien-mga
Copy link
Member

Thanks!

@passivestar passivestar deleted the modern-theme-colors branch December 21, 2025 11:02
@shitake2333
Copy link
Contributor

3759993c5c53330eecedc060ae97495e

The contrast of this panel still seems insufficient.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

6 participants

X Tutup