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

Fix toolbar render problems in dark mode on resizing #536 #538

Draft
wants to merge 2 commits into
base: master
Choose a base branch
from

Conversation

de-jcup
Copy link

@de-jcup de-jcup commented Jan 30, 2023

This PR

Details

  • Toolbar has in dark mode now a dedicated color instead of css inheritance. A parent container change by resizing does not change the toolbar color any longer
  • The color is choosen in way that the main toolbar looks as expected before. Also the toggle border is now visible again, which could address SWT Dark Theme ToolItem Toggle Buttons not showing down state #467 as well.

Signed-off-by: Albert Tregnaghi albert.tregnaghi@gmail.com

…#536

- Toolbar has in dark mode now a dedicated color
  instead of css inheritance. A parent container
  change by resizing does not change the toolbar color any longer
- The color is choosen in way that the main toolbar looks as expected
  before. Also the toggle border is now visible again, which could
  address eclipse-platform#467 as well.

Signed-off-by: Albert Tregnaghi <albert.tregnaghi@gmail.com>
@de-jcup de-jcup marked this pull request as draft January 30, 2023 13:35
@de-jcup
Copy link
Author

de-jcup commented Jan 30, 2023

Here a screenshot from this commit and the chnged rendering

image

@de-jcup de-jcup force-pushed the handle-css-background-problems-on-toolbar-536 branch from 71de89c to e81b94f Compare January 30, 2023 13:55
@de-jcup de-jcup marked this pull request as ready for review January 30, 2023 13:56
@iloveeclipse
Copy link
Member

iloveeclipse commented Jan 30, 2023

Just curious what is exact difference to the state before (I can't spot that)?

@de-jcup
Copy link
Author

de-jcup commented Jan 30, 2023

@iloveeclipse :

Target OS: Linux Mint 21.1, Native dark theme enabled (Mint-Y-Legacy-dark or any other dark theme)
Tested with cinnamon (gnom3 based) + mate (gnome2 based): With both I have the mentioned problem

@iloveeclipse
Copy link
Member

Ok, if I understood it right, the difference is that the background of the toolbar changes and doesn't match the color of the toolbar buttons? But it should match them? For me both screenshots look inconsistent.

The "bad" case seem to show wrong background behind buttons in Console view but shows proper background in the front of them (note Package Explorer and Outline view). The "fixed" screenshot shows exact the opposite, which isn't better IMHO.

@de-jcup de-jcup marked this pull request as draft February 4, 2023 20:05
…tform#536

- removed CSS background handling for ToolItem + changed tests
  (temporary as long as there are conflicts)
- handled CTabFolder
@de-jcup de-jcup force-pushed the handle-css-background-problems-on-toolbar-536 branch from e81b94f to 1693cb7 Compare February 4, 2023 20:40
@de-jcup
Copy link
Author

de-jcup commented Feb 4, 2023

@iloveeclipse - thank you for the feedback, @akurtakov did already some test about the PR and gave me feedback inside the issue itself.

@akurtakov : I really tried hard to fix the problems just with CSS but it did not work.

With last commit I reverted my former CSS attempts (by force push) and did changes inside code instead. It looks now good (see next picture).

Details

CTabFolder handling is now stopped, which stops the color changes when the toolbar menu is selected.

I Also fixed the problem with the missing toggle states - the are shown now, but ... to bring up the toggle selection again and to fix the wrong background rendering for the tool items, I had to remove the CSS background handling for ToolItem which was introduced by @vogella with c07ab53
... of course this not the correct way, but I was not able to find a way by CSS (and I really investigated much time)

Maybe this could be a temporary solution/workaround? Currently as a dark mode user I am really unhappy with the rendering and the missing toggle selections.

image

@vogella : Please take a look, maybe you have an Idea, how we could ToolItem css rendering work together with correct rendering inside CTabFolder.

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

Successfully merging this pull request may close these issues.

Dark mode: Toolbar background color vanished - toolbar rendering ugly
2 participants