Bug 531266 - [Dark Theme] Remove white background from Show Whitespace/ Blockselection and Word Warp icon to improve dark theme
Summary: [Dark Theme] Remove white background from Show Whitespace/ Blockselection and...
Status: RESOLVED FIXED
Alias: None
Product: Platform
Classification: Eclipse Project
Component: Text (show other bugs)
Version: 3.7.1   Edit
Hardware: PC Linux
: P3 normal (vote)
Target Milestone: 4.8 M6   Edit
Assignee: Lars Vogel CLA
QA Contact:
URL:
Whiteboard:
Keywords: noteworthy
: 531271 (view as bug list)
Depends on:
Blocks:
 
Reported: 2018-02-16 07:01 EST by Lars Vogel CLA
Modified: 2019-06-04 06:49 EDT (History)
3 users (show)

See Also:


Attachments
Light icon before the change (2.99 KB, image/png)
2018-02-16 07:02 EST, Lars Vogel CLA
no flags Details
Light icon after the change (3.33 KB, image/png)
2018-02-16 07:02 EST, Lars Vogel CLA
no flags Details
Dark icon before the change (7.19 KB, image/png)
2018-02-16 07:03 EST, Lars Vogel CLA
no flags Details
Dark icon after the change (4.32 KB, image/png)
2018-02-16 07:03 EST, Lars Vogel CLA
no flags Details
Dark icon without white background and border (2.93 KB, image/png)
2018-02-16 08:16 EST, Lars Vogel CLA
no flags Details
Light icon before the change (2.60 KB, image/png)
2018-02-19 15:22 EST, Lars Vogel CLA
no flags Details
Light icon after the change (2.06 KB, image/png)
2018-02-19 15:23 EST, Lars Vogel CLA
no flags Details
Dark icon before the change (2.18 KB, image/png)
2018-02-19 15:23 EST, Lars Vogel CLA
no flags Details
Dark icon after the change (1.77 KB, image/png)
2018-02-19 15:23 EST, Lars Vogel CLA
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Lars Vogel CLA 2018-02-16 07:01:37 EST

    
Comment 1 Lars Vogel CLA 2018-02-16 07:02:16 EST
Created attachment 272698 [details]
Light icon before the change
Comment 2 Lars Vogel CLA 2018-02-16 07:02:45 EST
Created attachment 272699 [details]
Light icon after the change
Comment 3 Lars Vogel CLA 2018-02-16 07:03:13 EST
Created attachment 272700 [details]
Dark icon before the change
Comment 4 Lars Vogel CLA 2018-02-16 07:03:39 EST
Created attachment 272701 [details]
Dark icon after the change
Comment 5 Eclipse Genie CLA 2018-02-16 07:06:45 EST
New Gerrit change created: https://git.eclipse.org/r/117514
Comment 6 Eclipse Genie CLA 2018-02-16 07:08:57 EST
New Gerrit change created: https://git.eclipse.org/r/117515
Comment 7 Lars Vogel CLA 2018-02-16 07:33:30 EST
Matthias, what do you think? I personally think we should also remove the "yellowish" border around the icon.
Comment 8 Lars Vogel CLA 2018-02-16 07:47:58 EST
(In reply to Lars Vogel from comment #7)
> Matthias, what do you think? I personally think we should also remove the
> "yellowish" border around the icon.

Gerrit change for text adjusted with the removed border, so that Matthias can test this easier.
Comment 9 Matthias Becker CLA 2018-02-16 08:04:05 EST
(In reply to Lars Vogel from comment #4)
> Created attachment 272701 [details]
> Dark icon after the change

Mh. I am not so sure about that change. Do you think the white background on that piece of paper is really to light?

Look at the "block selection" icon. It also has a white piece of paper on it.
In addition I think the contrast of the dark blue P-ish symbol with the dark background is not worse.
Comment 10 Lars Vogel CLA 2018-02-16 08:15:42 EST
(In reply to Matthias Becker from comment #9)
> Mh. I am not so sure about that change. Do you think the white background on
> that piece of paper is really to light?

Yes, looks horrible to me. I think if we remove it, the light theme still looks good and the dark theme much better.

> Look at the "block selection" icon. It also has a white piece of paper on it.
> In addition I think the contrast of the dark blue P-ish symbol with the dark
> background is not worse.

I opened another bug for the block selection icon.
Comment 11 Lars Vogel CLA 2018-02-16 08:16:39 EST
Created attachment 272705 [details]
Dark icon without white background and border

New icon without background and border. Looks awesome to me.
Comment 12 Matthias Becker CLA 2018-02-16 09:24:15 EST
(In reply to Lars Vogel from comment #10)
> I opened another bug for the block selection icon.

We have a lot of icons with a "piece of pager" on it. 
"Toggle Work Wrap", "Block Selection", "Next / Previ Annotation" / "Java Comiplation Unit editor tab icon"
U really want to change all of them? I would really key them as they are.

Maybe we add some transparency to the white piece of paper. Via this the dark background can shine through. On the light theme the pager would be light. On the dark theme it would be darker (but still visible as such).
Comment 13 Lars Vogel CLA 2018-02-16 09:30:15 EST
Yes, I think we should change all of them (at least the ones visible in the main toolbar).

Transparency might also work, but removing the background completely works really good to me.

I try to change all of them to see how this looks. Keep in mind that the "paper" is actually dark in the dark theme, hence the light background is wrong.
Comment 14 Matthias Becker CLA 2018-02-16 09:31:39 EST
(In reply to Lars Vogel from comment #13)
> I try to change all of them to see how this looks. Keep in mind that the
> "paper" is actually dark in the dark theme, hence the light background is
> wrong.

Then I rally would go for the transparency because in your current approach the paper is gone completly
Comment 15 Lars Vogel CLA 2018-02-16 09:39:27 EST
Can you upload a patch with transparency? Your graphics skills are way better. I was able to delete the background...  :-)
Comment 16 Lars Vogel CLA 2018-02-19 15:01:21 EST
(In reply to Lars Vogel from comment #15)
> Can you upload a patch with transparency? Your graphics skills are way
> better. I was able to delete the background...  :-)

No reply, so I assume this is a no. I give it a try....
Comment 17 Lars Vogel CLA 2018-02-19 15:20:23 EST
(In reply to Lars Vogel from comment #16)
> (In reply to Lars Vogel from comment #15)
> > Can you upload a patch with transparency? Your graphics skills are way
> > better. I was able to delete the background...  :-)
> 
> No reply, so I assume this is a no. I give it a try....

Transparency looks blury, I think the best solution is to remove the background and for block and whitespace also the border.
Comment 18 Lars Vogel CLA 2018-02-19 15:22:45 EST
Created attachment 272736 [details]
Light icon before the change
Comment 19 Lars Vogel CLA 2018-02-19 15:23:04 EST
Created attachment 272737 [details]
Light icon after the change
Comment 20 Lars Vogel CLA 2018-02-19 15:23:30 EST
Created attachment 272738 [details]
Dark icon before the change
Comment 21 Lars Vogel CLA 2018-02-19 15:23:46 EST
Created attachment 272739 [details]
Dark icon after the change
Comment 22 Lars Vogel CLA 2018-02-19 15:33:06 EST
Tony, what do you think?
Comment 23 Matthias Becker CLA 2018-02-20 02:42:08 EST
(In reply to Lars Vogel from comment #16)
> (In reply to Lars Vogel from comment #15)
> > Can you upload a patch with transparency? Your graphics skills are way
> > better. I was able to delete the background...  :-)
> 
> No reply, so I assume this is a no. I give it a try....

No this is not a "no". I just did not have time yet to look into this.
Comment 24 Matthias Becker CLA 2018-02-20 04:24:52 EST
(In reply to Lars Vogel from comment #17)
> (In reply to Lars Vogel from comment #16)
> > (In reply to Lars Vogel from comment #15)
> > > Can you upload a patch with transparency? Your graphics skills are way
> > > better. I was able to delete the background...  :-)
> > 
> > No reply, so I assume this is a no. I give it a try....
> 
> Transparency looks blury, I think the best solution is to remove the
> background and for block and whitespace also the border.

I just tried this out once again. You are right. Transparency does look foggy / dirty.
So I am ok with removing the background.
For the show whitespace icon I am also ok with removing the border. But the block selection mode icon should keep it's border. Without the border this (already suboptimal icon) does not longer transport it's meaning any more.
Comment 25 Lars Vogel CLA 2018-02-20 04:30:00 EST
(In reply to Matthias Becker from comment #24)

> So I am ok with removing the background.

Great. 

> But the
> block selection mode icon should keep it's border. Without the border this
> (already suboptimal icon) does not longer transport it's meaning any more.

+1

-----
Can you remind me how I can create the 2x png files?
Comment 26 Matthias Becker CLA 2018-02-20 04:30:57 EST
(In reply to Lars Vogel from comment #25)
> (In reply to Matthias Becker from comment #24)
> 
> > So I am ok with removing the background.
> 
> Great. 
> 
> > But the
> > block selection mode icon should keep it's border. Without the border this
> > (already suboptimal icon) does not longer transport it's meaning any more.
> 
> +1
> 
> -----
> Can you remind me how I can create the 2x png files?

do you want to finish this or should I take over?
Comment 27 Lars Vogel CLA 2018-02-20 04:32:18 EST
(In reply to Matthias Becker from comment #26)
> > Can you remind me how I can create the 2x png files?
> 
> do you want to finish this or should I take over?

I would like to finish this, if this is OK for you. I only need help with generating the 2x png files. mvn org.eclipse.images:org.eclipse.images.renderer:render-icons -Declipse.svg.scale=2 results in an error for me.
Comment 28 Matthias Becker CLA 2018-02-20 04:33:18 EST
it should be 
mvn org.eclipse.images:org.eclipse.images.renderer:render-icons -Declipse.svg.scale=2 -Declipse.svg.createFragments=false
Comment 29 Lars Vogel CLA 2018-02-20 14:44:50 EST
*** Bug 531271 has been marked as a duplicate of this bug. ***
Comment 32 Eclipse Genie CLA 2018-02-20 15:13:24 EST
New Gerrit change created: https://git.eclipse.org/r/117811
Comment 34 Eclipse Genie CLA 2018-02-21 04:27:03 EST
New Gerrit change created: https://git.eclipse.org/r/117842
Comment 36 Eclipse Genie CLA 2019-06-04 06:43:47 EDT
New Gerrit change created: https://git.eclipse.org/r/143258