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

Improve collapse all icon #114

Open
vogella opened this issue Nov 28, 2024 · 21 comments
Open

Improve collapse all icon #114

vogella opened this issue Nov 28, 2024 · 21 comments
Labels
enhancement New feature or request

Comments

@vogella
Copy link
Contributor

vogella commented Nov 28, 2024

The most "disruptive" icon in the toolbar (in the dark theme) is currently the collapse all icon. Compare is with the min-max icons which look IMHO really good in the screenshot.

image

@Michael5601 @BeckerWdf if you agree, could you improve this icon? This would be a very fast quick win,

@vogella vogella added the enhancement New feature or request label Nov 28, 2024
@vogella
Copy link
Contributor Author

vogella commented Nov 28, 2024

#108

@BeckerWdf
Copy link
Contributor

So what you say is that it's to bright?
So then also the filter icon is quite bright.

@Michael5601
Copy link
Contributor

Michael5601 commented Nov 28, 2024

So what you say is that it's to bright? So then also the filter icon is quite bright.

I also can't see what you mean with disruptive. Can you elaborate?

It is also hard to compare the collapse icon with the right icons as they look like they are from a different "theme". I know they are not but they look better to you in dark mode as they are designed like modern icons. In a modern icon pack every icon would be tested to function in a dark theme.

@HeikoKlare
Copy link
Contributor

Note that the min/max icons are no classic icons at all. These icons are programatically rendered via an ImageDataProvider.

@vogella
Copy link
Contributor Author

vogella commented Nov 28, 2024

It is too bright and has a blue gradient. I think removing the gradient and making its background a bit transparent would hugely improve the icon.

@vogella
Copy link
Contributor Author

vogella commented Nov 28, 2024

Current icons:

image

@vogella
Copy link
Contributor Author

vogella commented Nov 28, 2024

Suggested new:

image

@vogella
Copy link
Contributor Author

vogella commented Nov 28, 2024

Or

image

or

image

@BeckerWdf
Copy link
Contributor

I will try to improve the icon.

@BeckerWdf
Copy link
Contributor

"Package Explorer" has the current Icon "Project Explorer" has my changed icon:

Screenshot 2024-11-29 at 09 46 34 image

I have the impression the stroke color is to pale. The hard thing here is that this should look good on light and dark theme.
If I make the stroke color darker then the contrast ist good on the light background but worse on dark background.

@vogella
Copy link
Contributor Author

vogella commented Nov 29, 2024

New icon looks already way better than the old one.

@BeckerWdf
Copy link
Contributor

New icon looks already way better than the old one.

I don't agree. The missing color makes it look like it's disabled - especially in the dark theme.

@BeckerWdf
Copy link
Contributor

Suggested new:

image

It's not possible to judge in Inkscape if this looks good or not. One has to see it on the correct background and inside the workbench to see how it really looks like.

@BeckerWdf
Copy link
Contributor

Or

image

or

image

Some as above:
It's not possible to judge in Inkscape if this looks good or not. One has to see it on the correct background and inside the workbench to see how it really looks like.

@merks
Copy link
Contributor

merks commented Nov 29, 2024

FYI, for some reason your images don't show up:

image

@BeckerWdf
Copy link
Contributor

FYI, for some reason your images don't show up:

image

This is a quote from Lars' images. Do they show up?

@merks
Copy link
Contributor

merks commented Nov 29, 2024

I see it's an issue with quoted images!

image

My image shows up in Firefox but not in a browser where I've not logged in to GitHub...

@BeckerWdf
Copy link
Contributor

Yet another idea. Now with some blue color (no gradient) so that it does not look disabled in the dark theme:

light_blue_lilght light_blue_dark

@vogella
Copy link
Contributor Author

vogella commented Nov 29, 2024

I dislike the stronger usage of blue in the new proposal make the icon look wither more like it's for Windows95

@merks
Copy link
Contributor

merks commented Nov 29, 2024

This is just an observation. I'll bet a lot of downstream projects have copies of the expand-all / collapse-all icons so we're bound do have variations of these in the future within the same IDE, e.g.,

This is not an argument against change, just an observation (that this is what happens when icons are not API and cannot be reused).

@BeckerWdf
Copy link
Contributor

I don't find a solution that is betten compared to what we have today.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

5 participants