Some Eclipse Foundation services are deprecated, or will be soon. Please ensure you've read this important communication.
Bug 325937 - [CSS] Active part/stack is hard to detect in Eclipse themes (win32/OSX)
Summary: [CSS] Active part/stack is hard to detect in Eclipse themes (win32/OSX)
Status: CLOSED WONTFIX
Alias: None
Product: Platform
Classification: Eclipse Project
Component: UI (show other bugs)
Version: 4.1   Edit
Hardware: All All
: P3 major with 2 votes (vote)
Target Milestone: ---   Edit
Assignee: Platform-UI-Inbox CLA
QA Contact:
URL:
Whiteboard: stalebug
Keywords: usability
: 478050 (view as bug list)
Depends on:
Blocks:
 
Reported: 2010-09-22 05:05 EDT by Dani Megert CLA
Modified: 2020-05-08 13:37 EDT (History)
18 users (show)

See Also:


Attachments
Picture showing active tab not recognizable (34.11 KB, image/png)
2012-04-12 03:05 EDT, Dani Megert CLA
no flags Details
Modified E4 default theme (31.73 KB, image/png)
2014-03-31 05:18 EDT, Daniel Rolka CLA
no flags Details
Active part with border (29.56 KB, image/png)
2014-04-07 10:25 EDT, Daniel Rolka CLA
no flags Details
Active part with gradient (31.26 KB, image/png)
2014-04-07 10:27 EDT, Daniel Rolka CLA
no flags Details
Active editor with gradient (43.20 KB, image/png)
2014-04-08 04:54 EDT, Daniel Rolka CLA
no flags Details
The CSS style sheet used to generate the active part/editor with gradient (6.31 KB, text/plain)
2014-04-15 11:42 EDT, Daniel Rolka CLA
no flags Details
Package explorer with jarring bluw, attached CSS (39.88 KB, image/png)
2014-04-15 12:00 EDT, Paul Webster CLA
no flags Details
Package explorer current (338.82 KB, image/png)
2014-04-15 12:01 EDT, Paul Webster CLA
no flags Details
Type hierarchy with jarring blue, attached CSS (54.16 KB, image/png)
2014-04-15 12:01 EDT, Paul Webster CLA
no flags Details
Type hierarchy current (142.02 KB, image/png)
2014-04-15 12:01 EDT, Paul Webster CLA
no flags Details
Proposal 20150922-1 : reverse part colors (290.14 KB, image/png)
2015-09-22 09:01 EDT, Mickael Istria CLA
no flags Details
Proposal 20150922-2: white + 2 shades of grey (138.59 KB, image/png)
2015-09-22 09:03 EDT, Mickael Istria CLA
no flags Details
Jeeyul's Chrome Theme (277.02 KB, image/png)
2015-09-22 09:09 EDT, Mickael Istria CLA
no flags Details
56418/3: active part tab presentation with opened modal dialog on win 10 (122.85 KB, image/png)
2015-10-12 15:04 EDT, Andrey Loskutov CLA
no flags Details
Proposal in Patch Set #6 (159.79 KB, image/png)
2015-11-12 08:41 EST, Mickael Istria CLA
no flags Details
active/inactive part/stack color proposal (79.13 KB, image/png)
2015-11-22 04:33 EST, Frank Appel CLA
no flags Details
Patch for attachment 258203 (1.85 KB, patch)
2015-11-22 04:42 EST, Frank Appel CLA
no flags Details | Diff
PatchSet #8 vs Current (GTK3) (639.79 KB, image/png)
2015-11-23 09:40 EST, Mickael Istria CLA
no flags Details
dark themed Idea and VS 2015 side-by-side (302.76 KB, image/png)
2015-11-23 11:35 EST, Timo Kinnunen CLA
no flags Details
4.5 vs. N20151129-1300 (27.57 KB, image/png)
2015-12-01 06:50 EST, Dani Megert CLA
no flags Details
what is the active editor / view? (426.06 KB, image/png)
2015-12-29 13:13 EST, Stephan Herrmann CLA
no flags Details
win patch preview (289.74 KB, image/png)
2017-03-29 05:47 EDT, Mickael Istria CLA
no flags Details
Picture showing bad background (27.67 KB, image/png)
2017-03-31 11:28 EDT, Dani Megert CLA
no flags Details
Hard to see active part (41.26 KB, image/png)
2017-04-03 09:09 EDT, Dani Megert CLA
no flags Details
Current state on Windows 7 (37.09 KB, image/png)
2017-04-03 10:26 EDT, Dani Megert CLA
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Dani Megert CLA 2010-09-22 05:05:03 EDT
I20100921-1710.

It's hard to immediately see which part is active. The problem is that in a stack the active part tab is white and the others in blue color. Now, if a part from another stack is selected the part tabs from the deactivated stack get white too, making it hard to detect the active part/stack.

Problem summary: active part tab has same white color as inactive ones in other stacks.
Comment 1 Remy Suen CLA 2010-09-22 06:01:34 EDT
Dani, is this the same problem as bug 320894 or is this a slightly different variant?
Comment 2 Dani Megert CLA 2010-09-22 06:04:24 EDT
(In reply to comment #1)
> Dani, is this the same problem as bug 320894 or is this a slightly different
> variant?
I was a aware of that bug. Looking closer they are indeed different but bug 3208934 is not restricted to editors. I've update the bug accordingly.
Comment 3 Dani Megert CLA 2010-11-01 09:15:15 EDT
This is still one of the bugs that makes me not use 4.1.
Comment 4 Stephan Herrmann CLA 2011-06-02 07:06:05 EDT
(In reply to comment #3)
> This is still one of the bugs that makes me not use 4.1.

Me too.

IMHO working fluently with the workbench requires that finding which part
is active must not consume more than very few milliseconds of your brain.
You shouldn't ever be aware of this kind of question.

Emphasis by coloring the inactive portion of the tab bar of the active part
requires that you actually think about it. Keep in mind that this inactive
portion of the tab bar can be smaller than the active tab. For finding the
active part you do not want to actively search for inactivate tab bar areas.

Please consider either:
- using a dedicated color for the active thing (active tab within active part)
- or: paint significantly different borders, e.g., 3-D effect only for the active
  part, other parts are strictly flat on the background. E.g., KDE has this
  "glow" around the active window, which works well to attract the eyes.
Comment 5 Stephan Herrmann CLA 2011-09-20 16:58:05 EDT
No progress here? 4.2 milestones still don't look convincing.

Desperate to get some useful emphasis back I tried to change the
preference back to 3.x values. Much to my surprise the preferences seem
to "believe" that I still HAVE a 3.x Eclipse.
(General > Appearance > Colors and Fonts > View and Editor Folders).

If proper emphasis is not the default that's a regression,
if configuration options are out of sync with the implementation
I'm all at loss.

Please:
The current scheme requires the user to actively think in indirections:
I'm looking at a tab in a stack: it's white, what does it tell me?
Nothing, tabs in all stacks are white. Is it active? Look at the those
parts of the tab-bar that you are NOT looking at! Do they have a different
color than all the other not-looked-at parts of tab-bars? Yes?

Mind you: that's way too much indirection and negation doesn't work well
unconsciously. Pretty please, give back a one-stop info.
Comment 6 Dani Megert CLA 2011-09-21 01:41:04 EDT
This is still one of the bugs that makes me not use 4.2 on a regular basis.
Comment 7 Eric Moffatt CLA 2011-09-27 15:50:54 EDT
Bogdan, is there any CSS mechanism through which to specify the color of the tab item for the active part ?

Personally I don't find this confusing but I've been using it for a long time...
Comment 8 Paul Webster CLA 2012-04-11 07:53:16 EDT
This is probably controlled by the basestyle followed by the platform stylesheet.

base:
.MPartStack {
    swt-tab-renderer: url('bundleclass://org.eclipse.e4.ui.workbench.renderers.swt/org.eclipse.e4.ui.workbench.renderers.swt.CTabRendering');
    swt-unselected-tabs-color: #FFFFFF #FFFFFF #FFFFFF 100% 100%;
    swt-outer-keyline-color: #FFFFFF;
	swt-inner-keyline-color: #FFFFFF;
	padding: 0px 9px 10px;
	swt-tab-outline: #B6BCCC;
	swt-shadow-visible: true;
	swt-mru-visible: false;
}

.MPartStack.active {
	swt-inner-keyline-color: #FFFFFF;
	swt-tab-outline: #B6BCCC;
	swt-shadow-visible: true;
}

gtk:
.MPartStack.active {
    swt-unselected-tabs-color: #DCDCDC #E1E1E1 #FFFFFF 100% 100%;
    swt-outer-keyline-color: #B4B4B4;
    swt-tab-outline: #B4B4B4;
}
Comment 9 Dani Megert CLA 2012-04-12 03:05:21 EDT
Created attachment 213885 [details]
Picture showing active tab not recognizable

Given the active part is more important, its tab
should also be more eye-catching that inactive ones. Maybe it's just me, but
the gray-shaded tabs jump much faster to my eyes than the white one.

I would be willing to close this as being a matter of taste, but only if bug
355946 got fixed.
Comment 10 Dani Megert CLA 2012-04-18 03:34:15 EDT
Given bug 355946, the current look is a pain for me. Can you please reconsider to fix this for 4.2?
Comment 11 Dani Megert CLA 2012-04-18 03:34:56 EDT
(In reply to comment #10)
> Given bug 355946, the current look is a pain for me. Can you please reconsider
> to fix this for 4.2?

Or bug 355946.
Comment 12 Markus Keller CLA 2013-11-07 08:19:34 EST
Bug 378672 also explains the lack of consistency in the E4 themes.
Comment 13 Daniel Rolka CLA 2014-03-25 10:30:34 EDT
Do you have any suggestions how to mark the active part? Do you want to have any specific background color or any specific border?

I would use some the specific border color since it won't introduce the major change in the 'e4 default' layout and it should be smoothly accepted by the users, IMHO

Daniel
Comment 14 Stephan Herrmann CLA 2014-03-29 12:05:56 EDT
(In reply to Daniel Rolka from comment #13)
> Do you have any suggestions how to mark the active part? Do you want to have
> any specific background color or any specific border?

In the old 3.x theme the active part is easy to detect because it has
- colored background of the tab
- border around the entire part in the same color
I'm not particular keen on any specific color as long as it can be easily distinguished from the rest.

So, why not re-adopt what has worked just fine in the past? :)

(BTW I didn't quite understand your proposal grammatically, so not sure if you're actually proposing the same)
Comment 15 Daniel Rolka CLA 2014-03-31 05:18:37 EDT
Created attachment 241426 [details]
Modified E4 default theme

(In reply to Stephan Herrmann from comment #14)
> (In reply to Daniel Rolka from comment #13)
> > Do you have any suggestions how to mark the active part? Do you want to have
> > any specific background color or any specific border?
> 
> In the old 3.x theme the active part is easy to detect because it has
> - colored background of the tab
> - border around the entire part in the same color
> I'm not particular keen on any specific color as long as it can be easily
> distinguished from the rest.
> 

Do you want to get the following effect: 'Modified E4 default theme'?

> So, why not re-adopt what has worked just fine in the past? :)

I'm not sure if we want to copy the entire 'classic' theme to the 'E4 default' one

> 
> (BTW I didn't quite understand your proposal grammatically, so not sure if
> you're actually proposing the same)

The 'E4 default' theme has got the specific color scheme and I would like to solve the current issue following it. I don't want to introduce major changes in the theme - for me replacing the 'white' background of the active part with other color is the major change. From my point of view adding some border that will help the user distinguish the active part is better option (the current 'blue' background of the inactive parts seems to be insufficient)

Daniel
Comment 16 Markus Keller CLA 2014-03-31 06:29:56 EDT
(In reply to Daniel Rolka from comment #15)
> Created attachment 241426 [details]
> Modified E4 default theme

This makes it even harder to see the active tab in the active part stack (e.g. if you have many editors open).

These theming problems cannot be resolved one-by-one, since all colors depend on each other, and whenever you change one color, you break other constraints. The only way out of the misery is to define a few core concepts and then stick to them. See bug 378672.
Comment 17 Daniel Rolka CLA 2014-03-31 06:52:20 EDT
(In reply to Markus Keller from comment #16)
> (In reply to Daniel Rolka from comment #15)
> > Created attachment 241426 [details]
> > Modified E4 default theme
> 
> This makes it even harder to see the active tab in the active part stack
> (e.g. if you have many editors open).
> 
> These theming problems cannot be resolved one-by-one, since all colors
> depend on each other, and whenever you change one color, you break other
> constraints. The only way out of the misery is to define a few core concepts
> and then stick to them. See bug 378672.

All colors used by the 'E4 default' theme are exposed in the preference page. Are you able to modify the theme as you think it should look and attach the proper screenshot? When we all agree with the new color palette I will update the CSS files with the new default values.

thanks for help,
Daniel
Comment 18 Stephan Herrmann CLA 2014-03-31 10:25:06 EDT
(In reply to Daniel Rolka from comment #15)
> > So, why not re-adopt what has worked just fine in the past? :)
> 
> I'm not sure if we want to copy the entire 'classic' theme to the 'E4
> default' one

I wasn't suggesting to copy all aspects of the classic scheme, just the aspect relating to highlighting of the active part. :)


I think the only way leading us out of a discussion of personal preferences is to really do a little usability experiment along the following lines:
- start with 3-5 draft theme proposals
- create 10-20 different screenshots in each variant (for all IDE situations)
- pick 3-5 test persons, for each:
  - present the screenshots in sequence
  - let test person name the active part as quickly as s/he can
  - measure total time for all screenshots, milleseconds are relevant ...

I believe, when drafting a proposal, one should take the freedom to modify other aspects of the theme as well, because the contrast (brightness & color) matters, not the color by itself.
Comment 19 Daniel Rolka CLA 2014-04-07 10:25:36 EDT
Created attachment 241678 [details]
Active part with border
Comment 20 Daniel Rolka CLA 2014-04-07 10:27:36 EDT
Created attachment 241679 [details]
Active part with gradient

(In reply to Daniel Rolka from comment #17)
> (In reply to Markus Keller from comment #16)
> > (In reply to Daniel Rolka from comment #15)
> > > Created attachment 241426 [details]
> > > Modified E4 default theme
> > 
> > This makes it even harder to see the active tab in the active part stack
> > (e.g. if you have many editors open).
> > 
> > These theming problems cannot be resolved one-by-one, since all colors
> > depend on each other, and whenever you change one color, you break other
> > constraints. The only way out of the misery is to define a few core concepts
> > and then stick to them. See bug 378672.
> 
> All colors used by the 'E4 default' theme are exposed in the preference
> page. Are you able to modify the theme as you think it should look and
> attach the proper screenshot? When we all agree with the new color palette I
> will update the CSS files with the new default values.
> 
> thanks for help,
> Daniel

I would like to propose the following solutions for the issue:
 - marking the active part with border -  'Active part with border'
 - marking the part with the 'classic' like gradient - 'Active part with gradient'

Daniel
Comment 21 Markus Keller CLA 2014-04-07 12:40:23 EDT
(In reply to Daniel Rolka from comment #19)
> Created attachment 241678 [details]
> Active part with border

-1. The thin colorful border looks like a rendering issue. The 1px line is too intrusive and the rounded corners look jagged because there's no anti-aliasing.

(In reply to Daniel Rolka from comment #20)
> Created attachment 241679 [details]
> Active part with gradient

This looks better, but it's hard to tell from the screenshot how easy it is to find the active editor tab if you have many editors open. (That's already hard today if the workbench window doesn't have focus.)
Comment 22 Daniel Rolka CLA 2014-04-08 04:54:04 EDT
Created attachment 241712 [details]
Active editor with gradient

(In reply to Markus Keller from comment #21)
> This looks better, but it's hard to tell from the screenshot how easy it is
> to find the active editor tab if you have many editors open. 

I've attached the snapshot with the active editor - 'Active editor with gradient'

(That's already
> hard today if the workbench window doesn't have focus.)

We have the support for the active and without focus parts in the 'e4 default' theme, but by default it is rendered as the active parts. We have to just define better colors for this state (the 'classic' ones don't match here)

Daniel
Comment 23 Daniel Rolka CLA 2014-04-15 10:33:16 EDT
Do you agree with the following proposals:

Created attachment 241679 [details]
Active part with gradient

Created attachment 241712 [details]
Active editor with gradient

and I can update the 'e4 default' themes with the new default colors?

Daniel
Comment 24 Paul Webster CLA 2014-04-15 11:05:13 EDT
(In reply to Daniel Rolka from comment #23)
> Do you agree with the following proposals:
> 
> and I can update the 'e4 default' themes with the new default colors?

My e4 default is all greys, whites, and gradients.  But that's GTK.  What is it supposed to look like on GTK?

PW
Comment 25 Daniel Rolka CLA 2014-04-15 11:42:47 EDT
Created attachment 242014 [details]
The CSS style sheet used to generate the active part/editor with gradient

(In reply to Paul Webster from comment #24)
> (In reply to Daniel Rolka from comment #23)
> > Do you agree with the following proposals:
> > 
> > and I can update the 'e4 default' themes with the new default colors?
> 
> My e4 default is all greys, whites, and gradients.  But that's GTK.  What is
> it supposed to look like on GTK?
> 
> PW

For me the new colors are fine on the GTK. Are you able to confirm it using the style sheet - 'The CSS style sheet used to generate the active part/editor with gradient'?

I don't know if it is fine on the Mac OS

Daniel
Comment 26 Paul Webster CLA 2014-04-15 12:00:43 EDT
Created attachment 242015 [details]
Package explorer with jarring bluw, attached CSS

This changes the colors on GTK and is quite jarring (and deviates significantly from the default e4 style).

The blue isn't part of the e4 color pallete on linux at all.

Also, activating a non-eclipse window gets rid of the blue completely.

PW
Comment 27 Paul Webster CLA 2014-04-15 12:01:07 EDT
Created attachment 242016 [details]
Package explorer current
Comment 28 Paul Webster CLA 2014-04-15 12:01:34 EDT
Created attachment 242017 [details]
Type hierarchy with jarring blue, attached CSS
Comment 29 Paul Webster CLA 2014-04-15 12:01:58 EDT
Created attachment 242018 [details]
Type hierarchy current
Comment 30 Daniel Rolka CLA 2014-04-15 12:19:18 EDT
OK, so we can focus on Windows now and prepare the separate patches for the GTK as well as the Mac OS

Daniel
Comment 31 Markus Keller CLA 2014-04-15 13:39:14 EDT
Looks like a bug in the E4 themes that the "Active part background end" color bleeds into the wrapped view toolbar and even into the view background. This doesn't happen in Classic themes.
Comment 32 Dani Megert CLA 2014-04-28 10:46:27 EDT
(In reply to Markus Keller from comment #31)
> Looks like a bug in the E4 themes that the "Active part background end"
> color bleeds into the wrapped view toolbar and even into the view
> background. This doesn't happen in Classic themes.

Yes, see bug 430872.


Fixed with http://git.eclipse.org/c/platform/eclipse.platform.ui.git/commit/?id=87ce6024139c8ae949d7fe5c33a417ab2c3e4c0b

We can still further improve the details during RC1.
Comment 33 Dani Megert CLA 2014-04-29 07:03:43 EDT
(In reply to Dani Megert from comment #32)
> (In reply to Markus Keller from comment #31)
> > Looks like a bug in the E4 themes that the "Active part background end"
> > color bleeds into the wrapped view toolbar and even into the view
> > background. This doesn't happen in Classic themes.
> 
> Yes, see bug 430872.
> 
> 
> Fixed with
> http://git.eclipse.org/c/platform/eclipse.platform.ui.git/commit/
> ?id=87ce6024139c8ae949d7fe5c33a417ab2c3e4c0b
> 
> We can still further improve the details during RC1.

I've reverted that change, see bug 330117 comment 31 for more details.
Comment 34 Mickael Istria CLA 2015-09-22 09:01:45 EDT
Created attachment 256755 [details]
Proposal 20150922-1 : reverse part colors

This proposal is reversing settings of enabled/disabled parts in order to put more "light" on the active part and soften colors for inactive parts.
Comment 35 Mickael Istria CLA 2015-09-22 09:03:36 EDT
Created attachment 256756 [details]
Proposal 20150922-2: white + 2 shades of grey

This second proposal introduce a new grey in order to have only 1 tab, the active one on the active part, using white.
Comment 36 Mickael Istria CLA 2015-09-22 09:04:31 EDT
*** Bug 478050 has been marked as a duplicate of this bug. ***
Comment 37 Mickael Istria CLA 2015-09-22 09:09:02 EDT
Created attachment 256757 [details]
Jeeyul's Chrome Theme

> I had to read the comments few times to get an idea which tab is selected
> finally for last screenshot (Git Staging???). Neither the default nor the
> proposal are working for me is I wear "stupid user" hat.

And is the proposal better? I have more confidence in our (Platform/UI interested parties) ability to propose and implement small improvement and iterate than in our ability to agree on one good solution within a year.

> Could you please
> post here the Jeeyul's Chrome theme screenshot, so that we have an idea how
> it could look like in a "better" IDE?

Here it is.

> So if this helps, we should fix this bug and bug 325937 by introducing a
> clearly recognizable "active part" color which is NOT white NOR grey but
> something anyone can easily identify - might be "lighter" eclipse blue color.

I believe you'll like Jeeyul's theme (and there are several very good ones, more usable than default Eclipse one)
Comment 38 Stephan Herrmann CLA 2015-09-22 09:48:07 EDT
Most of us are probably well aware of this; some but not all proposals seem to adhere to it:

Human vision recognizes brilliant colors with high contrast as proximity, things to pay attention to right now.

Mist, blur, weaker colors, darker colors, smaller size, those signal distance and things that can be ignored right now.

Let's make sure "active" is perceived as "close by", "inactive" as "distant" and all will be fine.
Comment 39 Mickael Istria CLA 2015-09-22 10:19:25 EDT
(In reply to Stephan Herrmann from comment #38)
> Most of us are probably well aware of this; some but not all proposals seem
> to adhere to it:

Amongst the recent proposal, is there one that you think would make a first iteration on the right direction, compared to actual theme?
Comment 40 Andrey Loskutov CLA 2015-09-28 04:59:49 EDT
(In reply to Mickael Istria from comment #35)
> Created attachment 256756 [details]
> Proposal 20150922-2: white + 2 shades of grey
> 
> This second proposal introduce a new grey in order to have only 1 tab, the
> active one on the active part, using white.

+1. Looks good. Just wondering what (visually) would happen if we give it a 1 pixel border (with some blueisch Eclipse color)?
Comment 41 Mickael Istria CLA 2015-09-29 01:35:37 EDT
(In reply to Andrey Loskutov from comment #40)
> (In reply to Mickael Istria from comment #35)
> > Created attachment 256756 [details]
> > Proposal 20150922-2: white + 2 shades of grey
> > This second proposal introduce a new grey in order to have only 1 tab, the
> > active one on the active part, using white.
> +1. Looks good. Just wondering what (visually) would happen if we give it a
> 1 pixel border (with some blueisch Eclipse color)?

I pushed the suggested CSS for the 2nd proposal on https://git.eclipse.org/r/56418 . However, since I don't feel very easy with e4 CSS, I didn't go further and didn't try to add a border for selected tab.
Comment 42 Mickael Istria CLA 2015-10-08 05:01:12 EDT
Sonce the proposal on Gerrit implementing attachment 256756 [details] seems to be an improvement over current status, I'm setting a target to 4.6.M3 hoping this can be reviewed and merge as a step forward.
Comment 43 Andrey Loskutov CLA 2015-10-12 15:04:52 EDT
Created attachment 257219 [details]
56418/3: active part tab presentation with opened modal dialog on win 10

(In reply to Mickael Istria from comment #42)
> Sonce the proposal on Gerrit implementing attachment 256756 [details] seems
> to be an improvement over current status, I'm setting a target to 4.6.M3
> hoping this can be reviewed and merge as a step forward.

Mickael, after trying the new theme on Windows 10 (unfortunately I have no other PC at the moment), I've noticed a small issue: the currently selected and active part appearance changes if one open a dialog, see attached picture. Since the new theme has no gradient, but this "active inactive" tab has a gradient, it looks strange. I'm not sure if this is intended or not (the old theme didn't changed tab appearance with opened dialog), but my feeling is that in this case the appearance shouldn't change.
Comment 44 Mickael Istria CLA 2015-10-13 04:04:51 EDT
Thanks for trying the patch and noticing this issue Andrey. Indeed, it seems to be something important to improve before merging the patch. I'll do my best to fix that, but since I'm not good at e4 CSS, any help would be highly welcome!
Comment 45 Mickael Istria CLA 2015-11-10 01:48:49 EST
@Andrey: your screenshot seems to show that you have Jeeyul's Chrome Theme installed while trying the patch. Is that the case? Can you please try without it?
Comment 46 Andrey Loskutov CLA 2015-11-10 02:05:46 EST
(In reply to Mickael Istria from comment #45)
> @Andrey: your screenshot seems to show that you have Jeeyul's Chrome Theme
> installed while trying the patch. Is that the case? Can you please try
> without it?

No, I do not use it. Usually I do not have theming enabled at all, but if I do, I use "pure" Eclipse.
Comment 47 Mickael Istria CLA 2015-11-10 02:14:00 EST
Ok, got it. I got confused because the default color on Windows seems to be a similar blue as Jeeyul's Chrome theme.
Comment 48 Mickael Istria CLA 2015-11-12 08:41:37 EST
Created attachment 257896 [details]
Proposal in Patch Set #6

I uploaded the suggested Gerrit review to include changes suggested by Andrey about keeping same color of the active selected tab with or without focus (current behaviour in Mars.1). I also changed the shade of gray by a mix of blue and gray that was already referenced in the CSS.
I like the result (see attached screenshot).
Comment 49 Frank Appel CLA 2015-11-22 04:33:46 EST
Created attachment 258203 [details]
active/inactive part/stack color proposal

I was asked to comment on patch #7 regarding this issue. While it succeeds to improve the discriminability of the active/inactive part/stack I find the overall color scheme less appealing as the one of the original theme. This attachment shows a solution that keeps most of the active part/stack color settings of patch 7 but increases the outline contrast of active and inactive stacks. Plus, it works with decent shades of the active-non-selected tab color for the inactive part/stack elements. One first sight this seems a neat compromise to me - what do you think?
Comment 50 Frank Appel CLA 2015-11-22 04:42:08 EST
Created attachment 258204 [details]
Patch for attachment 258203 [details]

Patch for attachment 258203 [details]
Comment 51 Andrey Loskutov CLA 2015-11-22 11:50:12 EST
(In reply to Frank Appel from comment #49)
> Created attachment 258203 [details]
> active/inactive part/stack color proposal
> 
> I was asked to comment on patch #7 regarding this issue. While it succeeds
> to improve the discriminability of the active/inactive part/stack I find the
> overall color scheme less appealing as the one of the original theme. This
> attachment shows a solution that keeps most of the active part/stack color
> settings of patch 7 but increases the outline contrast of active and
> inactive stacks. Plus, it works with decent shades of the
> active-non-selected tab color for the inactive part/stack elements. One
> first sight this seems a neat compromise to me - what do you think?

Frank, the result looks great (the theme in overall is not for my taste because of the colored toolbars, but this is not the point here). 
Two things:
1) Can you provide a gerrit patch?
2) Can you provide a Linux GTK version?
Comment 52 Mickael Istria CLA 2015-11-23 06:26:13 EST
Some comments about Franz's proposal. Most also applies to the current CSS:
* The selected part stack (whole stack, not tab) is darker than the not selected one. So it makes that the unselected part stack is literally highlighted compared to the inactive one
* On GTK3, I tried the patch and I didn't see a clear improvement over current status. There is still white on the inactive stacks, and a lot of light is put everywhere, making it difficult to identify context at first sight
* In general, the use of gradients seem to be an anti-pattern: indeed, gradients give an impression of relief and make the tabs with gradient feel like they are a bit above all the others without gradient. As we already are using colors and light to express the distance and focus for tabs, having also gradients makes that we use 2 metaphors for the same thing, with conflicting results. Like most of the applications I'm using, both web and desktop, Eclipse IDE should probably avoid gradients.
So IMO, this issue is mainly about removing the gradients, and making sure that the more an item is active, the lighter it is.

So I published a patch set 8 on Gerrit which is removing gradients (similar to patch set 6 which has screenshot attached, but with a shade of grey instead of a blue-ish one). In my opinion, it's comfortable to use and fixes the initial issue about detected active part/stack.

About the palette of colors, it would be better to discuss it in another bug since it's a related but different topic.
Comment 53 Frank Appel CLA 2015-11-23 08:41:24 EST
(In reply to Mickael Istria from comment #52)
> Some comments about Franz's proposal. Most also applies to the current CSS:
> * The selected part stack (whole stack, not tab) is darker than the not
> selected one. So it makes that the unselected part stack is literally
> highlighted compared to the inactive one
> * On GTK3, I tried the patch and I didn't see a clear improvement over
> current status. There is still white on the inactive stacks, and a lot of
> light is put everywhere, making it difficult to identify context at first
> sight
> * In general, the use of gradients seem to be an anti-pattern: indeed,
> gradients give an impression of relief and make the tabs with gradient feel
> like they are a bit above all the others without gradient. As we already are
> using colors and light to express the distance and focus for tabs, having
> also gradients makes that we use 2 metaphors for the same thing, with
> conflicting results. Like most of the applications I'm using, both web and
> desktop, Eclipse IDE should probably avoid gradients.
> So IMO, this issue is mainly about removing the gradients, and making sure
> that the more an item is active, the lighter it is.
> 
> So I published a patch set 8 on Gerrit which is removing gradients (similar
> to patch set 6 which has screenshot attached, but with a shade of grey
> instead of a blue-ish one). In my opinion, it's comfortable to use and fixes
> the initial issue about detected active part/stack.
> 
> About the palette of colors, it would be better to discuss it in another bug
> since it's a related but different topic.

I see what you mean by the similarities, but given it a second thought I actually can't follow the initial statement of this issue. I clearly perceive the outline view as the active part in the attachment 213885 [details]. So probably it's no wonder why my proposal has similarities to the original theme. Which raises the question (at least for me) whether this issue is indeed observed as a problem by the majority of the users. So, let me share some reasoning on this.

What I tried to achieve was to intensify the contrasts to emphasize the active part even more. This is because from what I understand of color theory, emphasizing has more to do with contrasts than simply putting some light or dark colors on UI elements (I deliberately avoid the term highlighting here). Putting a darker color or black around a box of light color, for example, emphasizes the box content much more because it appears brighter. Looking at the original theme screenshot from that point of view, the outline view tab is the most prominent element of the workbench parts, which is a clear signer that it reflects the active part of the conceptual model - I can't follow the argument of the issue creator here, which shows how different the perception of people can be.

The relief effect of the gradient, as you named it, actually reduces the contrast and makes the element less prominent. But, while I doubt the theory of conflicting results, I can see that the gradient might be a bit of an alien element as it isn't used on other parts of the UI. However, considering the steering effects of colors, in general, I'm skeptical of the idea to separate the decision about the color palette from this topic.

But since I'm far from being a professional designer there is a good chance that I got it all wrong - so it might be a good idea to ask a pro for help ;-)
Comment 54 Mickael Istria CLA 2015-11-23 09:40:40 EST
Created attachment 258219 [details]
PatchSet #8 vs Current (GTK3)

Attached screenshot shows the current status of Eclipse IDE on GTK3 (on the right) vs current proposed patch set 8 (on the left).
To me, it seems obvious that the proposal is a step towards fixing the issue of detecting the active tab more easily. I wouldn't say it's perfect, but at least, it works and it can be a 1st iteration. WDYT (Franz, Andrey and other interested parties)? Note that for the sake of actual progress, the question isn't really "how could it be better?", but more "is it actually better and should it be merged as a valid solution for the reported issue?".

I just checked competiting IDEs, and IJ uses a similar approach of flat, no gradient, tabs with white/light grey + 2 shades of grey ; and NB uses a specific color (light blue) for the selected tab where all other tabs are in 2 shades of grey.
Comment 55 Frank Appel CLA 2015-11-23 10:53:54 EST
(In reply to Mickael Istria from comment #54)
> Created attachment 258219 [details]
> PatchSet #8 vs Current (GTK3)
> 
> Attached screenshot shows the current status of Eclipse IDE on GTK3 (on the
> right) vs current proposed patch set 8 (on the left).
> To me, it seems obvious that the proposal is a step towards fixing the issue
> of detecting the active tab more easily. I wouldn't say it's perfect, but at
> least, it works and it can be a 1st iteration. WDYT (Franz, Andrey and other
> interested parties)? Note that for the sake of actual progress, the question
> isn't really "how could it be better?", but more "is it actually better and
> should it be merged as a valid solution for the reported issue?".
> 
> I just checked competiting IDEs, and IJ uses a similar approach of flat, no
> gradient, tabs with white/light grey + 2 shades of grey ; and NB uses a
> specific color (light blue) for the selected tab where all other tabs are in
> 2 shades of grey.

I definitively agree that the color scheme on GTK is an improvement (given my explanations about contrast above I still would give it a try to use a darker shade of gray for the inactive tab of the active part stack than the one for the inactive tab of the inactive part stack. Well, but as you said that might not be the focus here).

However, given that the windows theme uses a color scheme based on shades of blue, comparison with other applications that are based on shades of gray may not be appropriate. So from the point of the windows theme, the latest patch isn't an improvement, it simply looks broken. But maybe there is something broken indeed (only with my checkout?) because the inactive tabs of the inactive parts show a gray gradient. If I understand your previous remarks correctly, you would prefer to avoid any gradients, right?
Comment 56 Frank Appel CLA 2015-11-23 10:55:25 EST
(In reply to Mickael Istria from comment #54)
> Created attachment 258219 [details]
> PatchSet #8 vs Current (GTK3)
> 
> Attached screenshot shows the current status of Eclipse IDE on GTK3 (on the
> right) vs current proposed patch set 8 (on the left).
> To me, it seems obvious that the proposal is a step towards fixing the issue
> of detecting the active tab more easily. I wouldn't say it's perfect, but at
> least, it works and it can be a 1st iteration. WDYT (Franz, Andrey and other
> interested parties)? Note that for the sake of actual progress, the question
> isn't really "how could it be better?", but more "is it actually better and
> should it be merged as a valid solution for the reported issue?".
> 
> I just checked competiting IDEs, and IJ uses a similar approach of flat, no
> gradient, tabs with white/light grey + 2 shades of grey ; and NB uses a
> specific color (light blue) for the selected tab where all other tabs are in
> 2 shades of grey.

I definitively agree that the color scheme on GTK is an improvement (given my explanations about contrast above I still would give it a try to use a darker shade of gray for the inactive tab of the active part stack than the one for the inactive tab of the inactive part stack. Well, but as you said that might not be the focus here).

However, given that the windows theme uses a color scheme based on shades of blue, comparison with other applications that are based on shades of gray may not be appropriate. So from the point of the windows theme, the latest patch isn't an improvement, it simply looks broken. But maybe there is something broken indeed (only with my checkout?) because the inactive tabs of the inactive parts show a gray gradient. If I understand your previous remarks correctly, you would prefer to avoid any gradients, right?
Comment 57 Timo Kinnunen CLA 2015-11-23 11:35:32 EST
Created attachment 258220 [details]
dark themed Idea and VS 2015 side-by-side

Here's a side by side comparison of IDEA 15 and Visual Studio 2015. VS uses a striking blue focus color for currently active part stack. In general its theme is really very good. 

IDEA uses a weak nondescript blueish grayish focus color for active parts, which you can barely see from few steps away. Oh, IDEA also has something called scopes for files which in practice means code editor tabs don't get any focus color when they are active. A bit weird. I picked a color I'd used earlier and it's not really getting it...
Comment 58 Mickael Istria CLA 2015-11-24 08:09:29 EST
Since the UI styles are quite different between Windows (which uses shades of blue and gradients) and GTK (shades of grey, flat) applications, this requires specific changes for Windows and GTK.
Frank Appel and I have collaborated on a patch that was submitted as a new patch set on https://git.eclipse.org/r/#/c/56418/ . We believe that this is a good solution for this issue, on both systems.
Comment 59 Andrey Loskutov CLA 2015-11-24 18:16:34 EST
(In reply to Mickael Istria from comment #58)
> Frank Appel and I have collaborated on a patch that was submitted as a new
> patch set on https://git.eclipse.org/r/#/c/56418/ . We believe that this is
> a good solution for this issue, on both systems.

I had hard time to see differences on Windows but commit message helped finally. +1.
Comment 61 Mickael Istria CLA 2015-11-26 03:40:52 EST
Thanks everyone! I'm very pleased of the GTK fix, and the Windows change seems good too (although I didn't try in action).
Is there anything to add on this topic or can we mark this issue as resolved?
Comment 62 Mickael Istria CLA 2015-11-30 04:43:06 EST
Would it be possible to backport it to maintenance branch? What's the policy regarding theme changes?
Comment 63 Lars Vogel CLA 2015-11-30 05:45:19 EST
(In reply to Mickael Istria from comment #62)
> Would it be possible to backport it to maintenance branch? What's the policy
> regarding theme changes?

-1. We only backport critical fixes not enhancements
Comment 64 Dani Megert CLA 2015-11-30 06:08:09 EST
(In reply to Lars Vogel from comment #63)
> (In reply to Mickael Istria from comment #62)
> > Would it be possible to backport it to maintenance branch? What's the policy
> > regarding theme changes?
> 
> -1. We only backport critical fixes not enhancements

Correct, and we avoid UI tweaking changes in service releases. Same applies to strings shown in the UI. Adopters and products often produce documentation and screenshots based on the release and don't expect to have to change that for a service release. In addition, they might have set colors for their UI based on what we deliver with the release theme(s).
Comment 65 Dani Megert CLA 2015-11-30 06:33:28 EST
(In reply to Mickael Istria from comment #61)
> Thanks everyone! I'm very pleased of the GTK fix, and the Windows change
> seems good too (although I didn't try in action).

On Windows 7 with a new workspace I cannot really see a difference between 4.5 and N20151129-1300.
Comment 66 Frank Appel CLA 2015-11-30 22:56:19 EST
(In reply to Dani Megert from comment #65)
> (In reply to Mickael Istria from comment #61)
> > Thanks everyone! I'm very pleased of the GTK fix, and the Windows change
> > seems good too (although I didn't try in action).
> 
> On Windows 7 with a new workspace I cannot really see a difference between
> 4.5 and N20151129-1300.

I just checked the build on windows and verified that the changes have been applied. It's only a small evolution of the original default theme, but it should make the active tab of the active stack a bit more prominent by reducing the contrast of the inactive stack elements - without disrupting the accustomed L&F. Maybe the win related commit message helps:

On Windows:
* reduce contrast on inactive tab gradient
* reduce contrast between inactive tab and unselected inactive tabs by the use of a light blue background color

Or did you notice these changes but think they do not work out well or they are not enough?
Comment 67 Lars Vogel CLA 2015-12-01 05:08:02 EST
Marking as fixed as we have some improvements, please reopen or open a new bug, if there is still work to be done.
Comment 68 Dani Megert CLA 2015-12-01 05:31:54 EST
(In reply to Lars Vogel from comment #67)
> Marking as fixed as we have some improvements, please reopen or open a new
> bug, if there is still work to be done.

I filed this bug and just commented a day ago that it is not fixed for me, so, closing this is not OK.
Comment 69 Dani Megert CLA 2015-12-01 06:50:44 EST
Created attachment 258385 [details]
4.5 vs. N20151129-1300

(In reply to Frank Appel from comment #66)
> (In reply to Dani Megert from comment #65)
> > (In reply to Mickael Istria from comment #61)
> > > Thanks everyone! I'm very pleased of the GTK fix, and the Windows change
> > > seems good too (although I didn't try in action).
> > 
> > On Windows 7 with a new workspace I cannot really see a difference between
> > 4.5 and N20151129-1300.
> 
> I just checked the build on windows and verified that the changes have been
> applied. It's only a small evolution of the original default theme, but it
> should make the active tab of the active stack a bit more prominent by
> reducing the contrast of the inactive stack elements - without disrupting
> the accustomed L&F. Maybe the win related commit message helps:
> 
> On Windows:
> * reduce contrast on inactive tab gradient
> * reduce contrast between inactive tab and unselected inactive tabs by the
> use of a light blue background color
> 
> Or did you notice these changes but think they do not work out well or they
> are not enough?

I didn't really notice any change that jumped into my eyes. See attached picture that shows 4.5 (left) and N20151129-1300 (right), with the Problems view being the active part.
Comment 70 Frank Appel CLA 2015-12-01 07:49:27 EST
(In reply to Dani Megert from comment #69)
> Created attachment 258385 [details]
> 4.5 vs. N20151129-1300
> 
> (In reply to Frank Appel from comment #66)
> > (In reply to Dani Megert from comment #65)
> > > (In reply to Mickael Istria from comment #61)
> > > > Thanks everyone! I'm very pleased of the GTK fix, and the Windows change
> > > > seems good too (although I didn't try in action).
> > > 
> > > On Windows 7 with a new workspace I cannot really see a difference between
> > > 4.5 and N20151129-1300.
> > 
> > I just checked the build on windows and verified that the changes have been
> > applied. It's only a small evolution of the original default theme, but it
> > should make the active tab of the active stack a bit more prominent by
> > reducing the contrast of the inactive stack elements - without disrupting
> > the accustomed L&F. Maybe the win related commit message helps:
> > 
> > On Windows:
> > * reduce contrast on inactive tab gradient
> > * reduce contrast between inactive tab and unselected inactive tabs by the
> > use of a light blue background color
> > 
> > Or did you notice these changes but think they do not work out well or they
> > are not enough?
> 
> I didn't really notice any change that jumped into my eyes. See attached
> picture that shows 4.5 (left) and N20151129-1300 (right), with the Problems
> view being the active part.

Ok, seems as if you're expecting something different. Sorry that it didn't work out, but I'm running out of ideas. Maybe someone else can come up with a better approach.
Comment 71 Mickael Istria CLA 2015-12-01 07:56:11 EST
I believe the approach used for the GTK Theme (Flat tabs without gradient, white and light colors for the active part and darker for the inactive ones) would work well on Windows too.
Comment 72 Dani Megert CLA 2015-12-01 07:57:35 EST
(In reply to Frank Appel from comment #70)
> Ok, seems as if you're expecting something different. 

Can you see any real difference in my attached picture?
Comment 73 Mickael Istria CLA 2015-12-02 02:58:29 EST
Some other software with a blueish theme (such as visual studio) use some yellow/orange as background or underline for the active tab. Maybe we could simply adopt it for Eclipse IDE on Windows?
Comment 74 Dani Megert CLA 2015-12-02 04:58:45 EST
(In reply to Mickael Istria from comment #73)
> Some other software with a blueish theme (such as visual studio) use some
> yellow/orange as background or underline for the active tab. Maybe we could
> simply adopt it for Eclipse IDE on Windows?

No, that would be too intrusive and not fit into the blue theme. Just take a look how it was done in 3.8.2: everything was grey except for the active part tab, which was blue (similar color as the active window title bar).
Comment 75 Stephan Herrmann CLA 2015-12-29 13:13:43 EST
Created attachment 258940 [details]
what is the active editor / view?

I'm not 100% sure if this is caused by the change here, but since recently I started spending time in guessing which editor I'm currently looking at, when the editor stack doesn't have focus (see attached screenshot).
Similar for the bottom stack: where do I have to click to close the history view?

Feels like a regression to me.

Seen in I20151222-0800 running on Kubuntu 15.10 with SWT_GTK3=0.

The same lack of difference can be observed on GKT3, too.

The following seems to be the best way to figure out which editor/view in an inactive stack is shown: hover over all the tabs in the stack, the one that is *not* highlighted (white background) during hover, is the visible one, outch.


Since in this bug we are discussing how to de-emphasize inactive parts, I'd like to suggest to mark the visible editor / view by a stronger outline around the tab, rather than continued fiddling with tab colors.
Comment 76 Andrey Loskutov CLA 2015-12-29 13:23:56 EST
(In reply to Stephan Herrmann from comment #75)
> Created attachment 258940 [details]
> what is the active editor / view?
> 
> I'm not 100% sure if this is caused by the change here, but since recently I
> started spending time in guessing which editor I'm currently looking at,
> when the editor stack doesn't have focus (see attached screenshot).
> Similar for the bottom stack: where do I have to click to close the history
> view?
> 
> Feels like a regression to me.
> 
> Seen in I20151222-0800 running on Kubuntu 15.10 with SWT_GTK3=0.
> 
> Since in this bug we are discussing how to de-emphasize inactive parts, I'd
> like to suggest to mark the visible editor / view by a stronger outline
> around the tab, rather than continued fiddling with tab colors.

The GTK2 theme you are using seem to be not usual nor the default one (both widget shapes and colors). Can you please try to set the default one (not sure which is this for Kubuntu, if it is still Oxygen then better not use it at all), but I would try Adwaita (default for Gnome) or Clearlooks-Phoenix. Another option is to try to manually configure theme colors in KDE and apply this to GTK theme in the GTK+ appearance settings tab.
Comment 77 Stephan Herrmann CLA 2015-12-29 17:37:46 EST
(In reply to Andrey Loskutov from comment #76)
> The GTK2 theme you are using seem to be not usual nor the default one (both
> widget shapes and colors). Can you please try to set the default one (not
> sure which is this for Kubuntu, if it is still Oxygen then better not use it
> at all), but I would try Adwaita (default for Gnome) or Clearlooks-Phoenix.
> Another option is to try to manually configure theme colors in KDE and apply
> this to GTK theme in the GTK+ appearance settings tab.

In a stock Kubuntu 15.10, I have two "acceptable" themes: "Orion" (GTK2/3) and "Emacs" (GTK3 only). When taking the above snapshot "Orion" was selected for GTK2, but it seems that setting wasn't taking effect, defaulting to "Raleigh" - which would explain some of the ugliness :) (I'm well aware of the dangers of using oxygen-gtk ...).

However, independent of the GTK theme (even when using oxygen-gtk or Raleigh), the colors for shown/hidden tabs was the same almost identical pair of shades of gray. Are all these themes "broken"??? How do you distinguish tabs in an inactive part in other linux environments?

FWIW: 
- GTK2 is 2.24.28-1ubuntu1
- GTK3 is 3.16.7-0ubuntu3
Comment 78 Mickael Istria CLA 2016-01-01 09:18:05 EST
(In reply to Stephan Herrmann from comment #77)
< How do you
> distinguish tabs in an inactive part in other linux environments?

Attachment 258219 [details] shows how it looks like on GTK3 with a recent Fedora (I believe the same thing applies to all gnome3-based environments).
Some other contributors have reported on the mailing-list their satisfaction regarding this theme change on Linux. Like Andrey, I'm wondering whether what you're looking at is actually the default Eclipse IDE theme.
Comment 79 Mickael Istria CLA 2016-01-01 09:42:40 EST
The screenshot I linked to isn't totally accurate.
On a second look, I agree with Stephan that "active no focus" tabs have a color that's very close to "inactive no focus" ones, sometimes making it a bit tricky to identify which one is enabled. Maybe the "active no focus" color could be a bit brighter or outline a but stronger could be worth trying.
Comment 80 Dani Megert CLA 2016-10-15 11:59:56 EDT
Still a bad bug that we should address.
Comment 81 Lars Vogel CLA 2016-10-28 06:21:57 EDT
*** Bug 497586 has been marked as a duplicate of this bug. ***
Comment 82 Stephan Herrmann CLA 2016-10-28 06:43:44 EDT
If it's too hard to agree upon a set of colors that clearly conveys the different levels of activeness (6 years not being enough time to discuss this), then a solution a la bug 497586 could help very much, IMHO.
Comment 83 Lars Vogel CLA 2016-10-28 07:15:27 EDT
(In reply to Stephan Herrmann from comment #82)
> If it's too hard to agree upon a set of colors that clearly conveys the
> different levels of activeness (6 years not being enough time to discuss
> this), then a solution a la bug 497586 could help very much, IMHO.

+1
Comment 84 Mickael Istria CLA 2016-10-28 11:31:17 EDT
(In reply to Stephan Herrmann from comment #82)
> If it's too hard to agree upon a set of colors that clearly conveys the
> different levels of activeness (6 years not being enough time to discuss
> this), then a solution a la bug 497586 could help very much, IMHO.

A solution a la bug 497586 just adds a new possible way of doing things, I don't think it's going to make agreement any better.

Things on Linux have much improved in the last year. All it's missing is changing the grayscale of the active unselected tab. You can pick one in the Colors & Fonts preference page, it's "Inactive, unselected part color". Once you find a grayscale that looks nice to you, please share it with a screenshot and we could easily update the CSS accordingly (or you could also push a patch directly).

For Windows, a similar solution could be taken. It just requires a Windows user to drive this effort and make some proposals and so far, no-one stood up. I believe fixing bug 497586 won't increase chances for a Windows user to take action here.
Comment 85 Mickael Istria CLA 2017-03-29 03:42:11 EDT
Would there be any objection to move the Windows theme to flat UI and blue-scale (like the Linux one but using shades of blue rather than shades of grey). As I'm reading a french forum discussion about IDE, I really have the impression that no-one likes the Windows theme as it and that it should be improved with high priority.
Comment 86 Lars Vogel CLA 2017-03-29 04:00:45 EDT
(In reply to Mickael Istria from comment #85)
> Would there be any objection to move the Windows theme to flat UI and
> blue-scale (like the Linux one but using shades of blue rather than shades
> of grey). 

+1 for flat UI. This is a very common styling these days.
Comment 87 Eclipse Genie CLA 2017-03-29 05:37:49 EDT
New Gerrit change created: https://git.eclipse.org/r/94035
Comment 88 Mickael Istria CLA 2017-03-29 05:47:46 EDT
Created attachment 267520 [details]
win patch preview

> New Gerrit change created: https://git.eclipse.org/r/94035

See attached screenshot.
Comment 89 Lars Vogel CLA 2017-03-29 06:22:32 EDT
(In reply to Mickael Istria from comment #88)
> Created attachment 267520 [details]
> win patch preview
> 
> > New Gerrit change created: https://git.eclipse.org/r/94035
> 
> See attached screenshot.

+1 way nicer IMHO
Comment 90 Patrik Suzzi CLA 2017-03-29 08:28:35 EDT
The Flat theme is nicer. 

we could make the editor area tabs consistent with other tabs by styling the active editor tab with a light color and the inactive editor tabs with a darker color.
Comment 91 Mickael Istria CLA 2017-03-29 08:57:18 EDT
(In reply to Patrik Suzzi from comment #90)
> we could make the editor area tabs consistent with other tabs by styling the
> active editor tab with a light color and the inactive editor tabs with a
> darker color.

There's a small difference in the color already.
As your suggestion doesn't seem to be a blocker, As this issue is already 7 years old, I'd rather have it tracked in a next iteration after this change is merged. That will probably be more efficient than we've been in the last 7 years of discussion ;)
Comment 92 Lars Vogel CLA 2017-03-29 09:04:34 EDT
(In reply to Mickael Istria from comment #91)
> There's a small difference in the color already.
> As your suggestion doesn't seem to be a blocker, As this issue is already 7
> years old, I'd rather have it tracked in a next iteration after this change
> is merged. That will probably be more efficient than we've been in the last
> 7 years of discussion ;)

I agree. More enhancements could be tracked by new bugs.
Comment 93 Patrik Suzzi CLA 2017-03-29 09:23:38 EDT
(In reply to Mickael Istria from comment #91)
> As your suggestion doesn't seem to be a blocker, As this issue is already 7
> years old, I'd rather have it tracked in a next iteration after this change
> is merged. That will probably be more efficient than we've been in the last
> 7 years of discussion ;)

Yes, I agree.
Comment 94 Lars Vogel CLA 2017-03-29 09:27:53 EDT
I suggest to merge it, so that we can get the feedback in the M7 test cycle if something was broken or can be improved.
Comment 95 Mickael Istria CLA 2017-03-29 09:29:17 EDT
(In reply to Lars Vogel from comment #94)
> I suggest to merge it, so that we can get the feedback in the M7 test cycle
> if something was broken or can be improved.

With great pleasure ;)
Comment 97 Mickael Istria CLA 2017-03-29 09:42:13 EDT
Anyone using OSX wants to work on the OSX theme? Or is it OK if we simply copy the linux theme to osx?
Comment 98 Eclipse Genie CLA 2017-03-31 11:22:47 EDT
New Gerrit change created: https://git.eclipse.org/r/94231
Comment 100 Dani Megert CLA 2017-03-31 11:28:17 EDT
Created attachment 267580 [details]
Picture showing bad background

(In reply to Eclipse Genie from comment #99)
> Gerrit change https://git.eclipse.org/r/94231 was merged to [master].
> Commit:
> http://git.eclipse.org/c/platform/eclipse.platform.ui.git/commit/?id=72fc8c826e534cd6e4e445131e4affaf1221b88c
> 

This reverts the previous change since it was not good, see attached picture. Please carefully test before committing such changes. Thanks!
Comment 101 Mickael Istria CLA 2017-03-31 13:31:27 EDT
(In reply to Dani Megert from comment #100)
> This reverts the previous change since it was not good, see attached
> picture. Please carefully test before committing such changes. Thanks!

Can you elaborate what you mean by "not good". Unfortunately, I'm not much of a Windows users and I don't know the expectations for this theme.
Also, it's still subjective. I find the theme you show in the picture more usable (and thus better) than the current one regarding active parts.
Comment 102 Dani Megert CLA 2017-04-03 05:26:27 EDT
(In reply to Mickael Istria from comment #101)
> (In reply to Dani Megert from comment #100)
> > This reverts the previous change since it was not good, see attached
> > picture. Please carefully test before committing such changes. Thanks!
> 
> Can you elaborate what you mean by "not good". 

The issue is with the background of the parts: it should be white (to be more precise: the same) for all of them, including the editor area. Using the background of a part to mark it active/inactive is too intrusive.

Note if it was really the intention to use the background, it was not working properly: it makes no sense that the two inactive views (Problems and Outline view) have a different background. When making the Outline view active the background also becomes white again.
Comment 103 Mickael Istria CLA 2017-04-03 05:42:46 EDT
(In reply to Dani Megert from comment #102)
> The issue is with the background of the parts: it should be white (to be
> more precise: the same) for all of them, including the editor area. Using
> the background of a part to mark it active/inactive is too intrusive.
> 
> Note if it was really the intention to use the background, it was not
> working properly: it makes no sense that the two inactive views (Problems
> and Outline view) have a different background. When making the Outline view
> active the background also becomes white again.

The Problem View despite being unselected, has content so it shows it (and it partially hides the background). But the background is partially visible at the head of the view (where written "0 items").
Frankly, I think that any tentative to solve this issue by putting white everywhere will end in the same result of everything being "enlightened" then perceived as active. The constraint you set up is in my opinion contrary to any possible solution to this issue.
As we're disagreeing, and as Windows user and lead, you deserve to get the final word on that over me. So I give up with any tentative to change the Windows appearance under the given constraints. But I'm pretty sad to leave it in that state where everything is so white for 80% of our users that it takes them seconds to realize what's currently enabled. Accumulating over all Windows users and all the times the look for an active view daily, it's a lot of time wasted just for the sake of having a background white everywhere...
Comment 104 Dani Megert CLA 2017-04-03 06:30:44 EDT
(In reply to Mickael Istria from comment #103)
I think that any tentative to solve this issue by putting white
> everywhere will end in the same result of everything being "enlightened"
> then perceived as active.

The distinction should not come over the background, because that's too noisy when switching the active part. The tab of the active part should be less white, as it was in 3.x.


> As we're disagreeing, and as Windows user and lead, you deserve to get the 
> final word on that over me.

And I filed the bug report ;-).
Comment 105 Mickael Istria CLA 2017-04-03 06:54:09 EDT
(In reply to Dani Megert from comment #104)
> (In reply to Mickael Istria from comment #103)
> I think that any tentative to solve this issue by putting white
> > everywhere will end in the same result of everything being "enlightened"
> > then perceived as active.
> 
> The distinction should not come over the background, because that's too
> noisy when switching the active part. The tab of the active part should be
> less white, as it was in 3.x.

FYI, it's the pattern that's used on GTK and AFAIK it's the only OS where people sometimes say they're happy with the default theme.
Comment 106 Dani Megert CLA 2017-04-03 09:09:13 EDT
Created attachment 267608 [details]
Hard to see active part

(In reply to Mickael Istria from comment #105)
> FYI, it's the pattern that's used on GTK and AFAIK it's the only OS where
> people sometimes say they're happy with the default theme.

On 3.x the darker / grey background was used to indicate that a part currently has no input, but we never changed the background when (de-)activating a part. Otherwise, the user can no longer match a background color to a state. In my opinion this is currently broken in the GTK theme.

On GTK at least the tab color for the active part is better to distinguish via tab color. Take a look at this attached picture on Windows 7 (before I reverted the change) where the Declaration view has the focus - very hard to see that active part.

On the Windows 7 and GTK machines I have access to, the part backgrounds are all white as soon as they have input, so, your "all white" criticism would also apply to the GTK theme.
Comment 107 Mickael Istria CLA 2017-04-03 09:19:38 EDT
(In reply to Dani Megert from comment #106)
> Take a look at this attached picture on Windows 7 (before I
> reverted the change) where the Declaration view has the focus - very hard to
> see that active part.

Still way better than the current state, which is the one that caused you to open this bug 7 years ago, IMO. So, what are the plans to get a proper theme for millions of users in 4.7?
Comment 108 Dani Megert CLA 2017-04-03 10:26:03 EDT
Created attachment 267611 [details]
Current state on Windows 7

(In reply to Mickael Istria from comment #107)
> (In reply to Dani Megert from comment #106)
> > Take a look at this attached picture on Windows 7 (before I
> > reverted the change) where the Declaration view has the focus - very hard to
> > see that active part.
> 
> Still way better than the current state,

Are you talking about Windows 7? I thought you don't have a Windows 7 machine. I don't talk about any other platform.

Do you really claim that the tab (color) of the Declaration view is better recognizable as active part with the proposed change (attachment 267608 [details]) than in the current state (this attachment)?
Comment 109 Mickael Istria CLA 2017-04-03 10:32:00 EDT
(In reply to Dani Megert from comment #108)
> Are you talking about Windows 7? I thought you don't have a Windows 7
> machine.

Yes, I'm using your screenshots as reference (I indeed do not test on Windows 7)

> Do you really claim that the tab (color) of the Declaration view is better
> recognizable as active part with the proposed change (attachment 267608 [details]
> [details]) than in the current state (this attachment)?

But compared to the current state (your last screenshot), the active stack is IMO clearly easier to identify, and once on this stack, the active tab is relatively easy to find (although other ones could be made darker).
Overall, if I look at both screenshot, the proposal helps me to reach the active stack much faster and the active part of that stack a bit slower. So, I perceive it as an improvement.
Comment 110 Dani Megert CLA 2017-04-03 11:05:03 EDT
(In reply to Mickael Istria from comment #109)
> But compared to the current state (your last screenshot), the active stack
> is IMO clearly easier to identify, and once on this stack, the active tab is
> relatively easy to find (although other ones could be made darker).
> Overall, if I look at both screenshot, the proposal helps me to reach the
> active stack much faster and the active part of that stack a bit slower. So,
> I perceive it as an improvement.

Entirely not true for my perception. In the current situation I can at least search for the white tab and it is much easier to find in the current than in the proposed solution. Still not really good enough though. The same is true for the GTK theme (I mean there it is somewhat OK like in the current state on Windows 7).

The key failure in Windows 7, is that inactive parts in a stack and outside a stack do not have the same tab color, and I think this is fixed in the GTK theme (on my GTK machine the active part tab is white and the inactive one gray). Currently we have 3 colors on Windows 7 (with and without the change) which is confusing. This is not the case in 3.x (please take a look). There we have only one dedicated tab color for the active part and one color for the inactive ones.
Comment 111 Dani Megert CLA 2017-04-03 11:14:43 EDT
(In reply to Dani Megert from comment #106)
> On 3.x the darker / grey background was used to indicate that a part
> currently has no input, but we never changed the background when
> (de-)activating a part. Otherwise, the user can no longer match a background
> color to a state.$

Filed bug 514649 to track that.
Comment 112 Mickael Istria CLA 2017-04-24 18:22:49 EDT
Is there anyone using Windows actually planning to improve the theme for 4.7?
Comment 113 Dani Megert CLA 2017-04-25 03:48:40 EDT
(In reply to Mickael Istria from comment #112)
> Is there anyone using Windows actually planning to improve the theme for 4.7?

I'd prefer we look at this early Oxygen (4.8), because any change to the LAF can impact some users depending on the OS theme.
Comment 114 Lars Vogel CLA 2017-04-25 03:50:31 EDT
(In reply to Dani Megert from comment #113)
> (In reply to Mickael Istria from comment #112)
> > Is there anyone using Windows actually planning to improve the theme for 4.7?
> 
> I'd prefer we look at this early Oxygen (4.8), because any change to the LAF
> can impact some users depending on the OS theme.

+1
Comment 115 Mickael Istria CLA 2017-05-24 10:49:09 EDT
This is still the first visible issue in Eclipse Platform UX.
Removing target as we can't find consensual contribution for win32 and osx. If someone feels motivated and able to fix it for 4.8, please assign and set the target version.
Comment 116 Mickael Istria CLA 2017-08-30 04:42:04 EDT
Good comment from Dani on the mailing-list:
> If the changes are more radical, then we should keep the existing theme and add a new one. Maybe rename the existing theme.
Comment 117 Eclipse Genie CLA 2020-05-08 13:37:57 EDT
This bug hasn't had any activity in quite some time. Maybe the problem got resolved, was a duplicate of something else, or became less pressing for some reason - or maybe it's still relevant but just hasn't been looked at yet. As such, we're closing this bug.

If you have further information on the current state of the bug, please add it and reopen this bug. The information can be, for example, that the problem still occurs, that you still want the feature, that more information is needed, or that the bug is (for whatever reason) no longer relevant.

--
The automated Eclipse Genie.