Some Eclipse Foundation services are deprecated, or will be soon. Please ensure you've read this important communication.

Bug 553209

Summary: Find Actions toolbar item is almost invisible and looks disabled
Product: [Eclipse Project] Platform Reporter: Ed Merks <Ed.Merks>
Component: UIAssignee: Matthias Becker <ma.becker>
Status: RESOLVED FIXED QA Contact:
Severity: normal    
Priority: P3 CC: daniel_megert, Lars.Vogel, loskutov, ma.becker
Version: 4.14   
Target Milestone: 4.14 RC1   
Hardware: All   
OS: All   
See Also: https://bugs.eclipse.org/bugs/show_bug.cgi?id=500618
https://git.eclipse.org/r/153044
https://git.eclipse.org/r/153045
https://git.eclipse.org/c/platform/eclipse.platform.ui.git/commit/?id=efc432d9aed90ced7e7194e80e88995f51a44597
https://git.eclipse.org/c/platform/eclipse.platform.images.git/commit/?id=24814c9af3a59d89d2f1d72c59b442cd038a7e52
Whiteboard:
Bug Depends on:    
Bug Blocks: 550932    
Attachments:
Description Flags
Compare find icon with disabled navigation icons
none
current dark
none
current light
none
proposal dark
none
proposal light none

Description Ed Merks CLA 2019-11-19 04:10:13 EST
Created attachment 280695 [details]
Compare find icon with disabled navigation icons

One of the stated goals of changing Quick Access was to make it more compelling to use.  But in the current state it's almost invisible and worse still it simply looks disabled. Perhaps it's been optimized or compromised for dark them.

In the attached screen capture, you can see how much it's styled in a way exactly analogous to the disabled navigation arrows from the Help view.

The current icon design seems to me to be completely counter productive in terms of achieving the goal of making it more compelling.  It's in fact far less noticeable than the previous design.

I'm not suggesting we go back to the previous design.  I like very much that the overall toolbar is now a noticeably less tall!

Perhaps something as simple as making the stokes of the icon wider will quickly and easily provide some much needed improvement. Alternatively, white alpha bending around the stokes to make it stand out rather the blend in both in light theme and dark theme...
Comment 1 Andrey Loskutov CLA 2019-11-19 05:28:29 EST
See bug 550932 for the icon change and original main bug 500618.

I personally like that the button is "almost invisible" (because I usually hide that button anyway) but I agree that it doesn't help the original intent to make it more "more attractive and accessible for end-users" as stated in bug 550932.

So from the end-user point of view we are going in the wrong direction here.
Comment 2 Lars Vogel CLA 2019-11-20 03:09:13 EST
In this particular case, we could use different icons for dark and light theme, as we are creating the toolitem via code in SearchField, line 141. Or we could use SWT API to change the color of the icon based on the theme (assuming that SWT has such API, I never tried that).
Comment 3 Matthias Becker CLA 2019-11-20 03:41:43 EST
(In reply to Lars Vogel from comment #2)
> In this particular case, we could use different icons for dark and light
> theme, as we are creating the toolitem via code in SearchField, line 141. Or
> we could use SWT API to change the color of the icon based on the theme
> (assuming that SWT has such API, I never tried that).

should I provide a light and dark version of the PNGs?
Comment 4 Ed Merks CLA 2019-11-20 03:47:53 EST
I suspect that a wider stroke would help; the firefox icon that looks the same has a wider stroke.  It's it's possible to have some lighter gray alpha at the edges it might look good in both themes (are there only ever two, or is a theme always characterized as light or dark?), but I'm not a graphical designer.
Comment 5 Lars Vogel CLA 2019-11-20 03:52:40 EST
I suggest to try first wider stroke as Ed suggested.
Comment 6 Matthias Becker CLA 2019-11-20 03:54:32 EST
wider stroke with an outline or some gradient to the outside of the stroke?
Comment 7 Lars Vogel CLA 2019-11-20 03:56:42 EST
(In reply to Matthias Becker from comment #6)
> wider stroke with an outline or some gradient to the outside of the stroke?

Don't know. Please make a suggestion. :-)
Comment 8 Matthias Becker CLA 2019-11-20 05:30:36 EST
Created attachment 280725 [details]
current dark
Comment 9 Matthias Becker CLA 2019-11-20 05:31:01 EST
Created attachment 280726 [details]
current light
Comment 10 Matthias Becker CLA 2019-11-20 05:31:20 EST
Created attachment 280727 [details]
proposal dark
Comment 11 Matthias Becker CLA 2019-11-20 05:31:38 EST
Created attachment 280728 [details]
proposal light
Comment 12 Matthias Becker CLA 2019-11-20 05:32:08 EST
I made the stroke thicker (2px instead of 1px) and the color is darker

what do you think?
Comment 13 Lars Vogel CLA 2019-11-20 06:04:19 EST
(In reply to Matthias Becker from comment #12)
> I made the stroke thicker (2px instead of 1px) and the color is darker
> 
> what do you think?

I like it
Comment 14 Ed Merks CLA 2019-11-20 07:16:07 EST
I like it better too. :-)
Comment 15 Eclipse Genie CLA 2019-11-20 07:44:36 EST
New Gerrit change created: https://git.eclipse.org/r/153044
Comment 16 Eclipse Genie CLA 2019-11-20 07:45:52 EST
New Gerrit change created: https://git.eclipse.org/r/153045
Comment 17 Matthias Becker CLA 2019-11-20 07:47:22 EST
merge the changes if you like the new icons
Comment 18 Lars Vogel CLA 2019-11-27 06:05:27 EST
(In reply to Matthias Becker from comment #17)
> merge the changes if you like the new icons

+1 from project lead to merge for RC1. 

It looks IMHO a tiny bit worse in the dark theme but less disabled in the light theme, so it is a good compromise.

If no one disagrees, I suggest to merge this.