Bug 553242 - [Dark theme] Preference pages and Wizards with Table/Tree look bad
Summary: [Dark theme] Preference pages and Wizards with Table/Tree look bad
Status: VERIFIED FIXED
Alias: None
Product: Platform
Classification: Eclipse Project
Component: UI (show other bugs)
Version: 4.13   Edit
Hardware: PC Mac OS X
: P3 major (vote)
Target Milestone: 4.14 RC1   Edit
Assignee: Lars Vogel CLA
QA Contact:
URL:
Whiteboard:
Keywords: regression
Depends on:
Blocks: 551707
  Show dependency tree
 
Reported: 2019-11-20 01:16 EST by Lakshmi P Shanmugam CLA
Modified: 2019-11-28 04:36 EST (History)
8 users (show)

See Also:


Attachments
java build path page (184.73 KB, image/png)
2019-11-20 01:16 EST, Lakshmi P Shanmugam CLA
no flags Details
preferences page (263.71 KB, image/png)
2019-11-20 01:21 EST, Lakshmi P Shanmugam CLA
no flags Details
new wizard (127.13 KB, image/png)
2019-11-20 01:25 EST, Lakshmi P Shanmugam CLA
no flags Details
Preference page Dark Theme on RHEL 7.7 (49.11 KB, image/png)
2019-11-20 03:47 EST, Kalyan Prasad Tatavarthi CLA
no flags Details
Preferences with Scrollbars on Mac (202.55 KB, image/png)
2019-11-20 04:13 EST, Till Brychcy CLA
no flags Details
quick search preference page (197.38 KB, image/png)
2019-11-20 04:16 EST, Lakshmi P Shanmugam CLA
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Lakshmi P Shanmugam CLA 2019-11-20 01:16:49 EST
Created attachment 280713 [details]
java build path page

Build: I20191110-1800

The look of the preference pages/wizards with Table or Tree has changed since 4.13 M1.
They look odd and confusing now without differentiating background or border.
Please see attached screenshots for some examples on Mac.

Problem is seen on Linux as well, there is no differentiating background but there is a black border which still looks odd.

I've not checked on Windows yet.
Comment 1 Lakshmi P Shanmugam CLA 2019-11-20 01:21:55 EST
Created attachment 280714 [details]
preferences page
Comment 2 Lakshmi P Shanmugam CLA 2019-11-20 01:25:08 EST
Created attachment 280715 [details]
new wizard
Comment 3 Lakshmi P Shanmugam CLA 2019-11-20 01:35:04 EST
@Lars,
I've not verified, but going by the bug looks like this is caused by -https://bugs.eclipse.org/bugs/show_bug.cgi?id=551707.
This change makes the all the Wizard pages and a lot of preferences pages look bad... please see the attached screenshots.
Comment 4 Lakshmi P Shanmugam CLA 2019-11-20 01:36:37 EST
(In reply to Lakshmi Shanmugam from comment #3)
> @Lars,
> I've not verified, but going by the bug looks like this is caused by
> -https://bugs.eclipse.org/bugs/show_bug.cgi?id=551707.
> This change makes the all the Wizard pages and a lot of preferences pages
> look bad... please see the attached screenshots.
I mean on Mac dark theme.
Comment 5 Lars Vogel CLA 2019-11-20 01:55:36 EST
Using the same color consistently was the intent of the change in Bug 551707.
Comment 6 Lars Vogel CLA 2019-11-20 01:58:20 EST
(In reply to Lars Vogel from comment #5)
> Using the same color consistently was the intent of the change in Bug 551707.

And IMHO this looks way better now.
Comment 7 Kalyan Prasad Tatavarthi CLA 2019-11-20 03:47:57 EST
Created attachment 280721 [details]
Preference page Dark Theme on RHEL 7.7

Demarcation between the left and right panes is missing.
Comment 8 Till Brychcy CLA 2019-11-20 04:13:42 EST
Created attachment 280722 [details]
Preferences with Scrollbars on Mac

It looks even worse, if scrollbars are visible.
Comment 9 Lakshmi P Shanmugam CLA 2019-11-20 04:16:27 EST
Created attachment 280723 [details]
quick search preference page

(In reply to Lars Vogel from comment #6)
> (In reply to Lars Vogel from comment #5)
> > Using the same color consistently was the intent of the change in Bug 551707.
> 
> And IMHO this looks way better now.

If you look at the screenshots, especially the quick search and content-types preferences pages, there are no borders or color to differentiate the content... it's very confusing.
Comment 10 Lars Vogel CLA 2019-11-20 04:18:21 EST
Sounds like most people dislike the alignment of colors for trees in dialogs. 

I can look at providing a patch next week, this week I work on something else. If someone wants to take this for M3 the selector

Shell Tree {

}

should allow to style trees in dialogs.
Comment 11 Lakshmi P Shanmugam CLA 2019-11-20 06:19:17 EST
(In reply to Lars Vogel from comment #10)
> Sounds like most people dislike the alignment of colors for trees in
> dialogs. 
> 
> I can look at providing a patch next week, this week I work on something
> else. If someone wants to take this for M3 the selector
> 
> Shell Tree {
> 
> }
> 
> should allow to style trees in dialogs.
Thanks Lars. Please fix for RC1.
Comment 12 Dani Megert CLA 2019-11-21 10:58:15 EST
+1 to fix for 4.14.
Comment 13 Lakshmi P Shanmugam CLA 2019-11-26 00:04:59 EST
(In reply to Lars Vogel from comment #10)
> Sounds like most people dislike the alignment of colors for trees in
> dialogs. 
> 
> I can look at providing a patch next week, this week I work on something
> else. If someone wants to take this for M3 the selector
> 
> Shell Tree {
> 
> }
> 
> should allow to style trees in dialogs.

Ping!
Comment 14 Lars Vogel CLA 2019-11-26 01:19:00 EST
(In reply to Lakshmi Shanmugam from comment #13)
> (In reply to Lars Vogel from comment #10)
> > Sounds like most people dislike the alignment of colors for trees in
> > dialogs. 
> > 
> > I can look at providing a patch next week, this week I work on something
> > else. If someone wants to take this for M3 the selector
> > 
> > Shell Tree {
> > 
> > }
> > 
> > should allow to style trees in dialogs.
> 
> Ping!

I plan to look at this tomorrow or the say after
Comment 15 Eclipse Genie CLA 2019-11-27 06:18:19 EST
New Gerrit change created: https://git.eclipse.org/r/153471
Comment 16 Lars Vogel CLA 2019-11-27 06:19:08 EST
(In reply to Eclipse Genie from comment #15)
> New Gerrit change created: https://git.eclipse.org/r/153471

Lakshmi, please test and give feedback.
Comment 17 Matthias Becker CLA 2019-11-27 06:25:11 EST
(In reply to Lars Vogel from comment #16)
> (In reply to Eclipse Genie from comment #15)
> > New Gerrit change created: https://git.eclipse.org/r/153471
> 
> Lakshmi, please test and give feedback.

looks good on macOS. +1
Comment 18 Lakshmi P Shanmugam CLA 2019-11-27 08:12:40 EST
(In reply to Lars Vogel from comment #16)
> (In reply to Eclipse Genie from comment #15)
> > New Gerrit change created: https://git.eclipse.org/r/153471
> 
> Lakshmi, please test and give feedback.

Thanks Lars! Looks great on Mac.
Comment 19 Lakshmi P Shanmugam CLA 2019-11-27 08:14:09 EST
Thanks Niraj for testing on Windows.
Comment 20 Lars Vogel CLA 2019-11-27 08:21:08 EST
(In reply to Lakshmi Shanmugam from comment #19)
> Thanks Niraj for testing on Windows.

Thanks to you both!
Comment 22 Lakshmi P Shanmugam CLA 2019-11-28 04:36:57 EST
Verified with I20191127-1800