Skip to content

Conversation

miguelsolorio
Copy link
Contributor

@miguelsolorio miguelsolorio commented Sep 25, 2019

Related #78889

This adopts the icon font in the tree widget:

image

This also sets all of the icons inside of the tree widget to inherit the foreground of each element. For example, modifying the sideBarSectionHeader.foreground color would apply the change to all icons in the sideBarSectionHeader:

image

And likewise, modifying the generic foreground will apply to all items:

image

This also fixes #55857 (🎉 ):

image

And also works with file icon themes:

image

Would love for you to verify that this is working all of our tree widgets (I've already done my own verification). I also introduced a new element into the sidebar section header, renderTwisties, to have a container for the icon as there wasn't one there.

cc @isidorn for the explorer, @aeschli for file icons

@miguelsolorio miguelsolorio added the icons-product Issues for in-product icons label Sep 25, 2019
@miguelsolorio miguelsolorio added this to the September 2019 milestone Sep 25, 2019
@joaomoreno joaomoreno changed the title Adopt icon font in tree widgets Adopt icon font in tree widgets and panels Sep 26, 2019
Copy link
Member

@joaomoreno joaomoreno left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Stawwwhp, you're rocking this too HARD! 🤘

Seriously, great work. I've found no issues and it looks great!

@isidorn
Copy link
Collaborator

isidorn commented Sep 26, 2019

I built vscode and verified this works great in Explorer and Open Editors.
When you say all tree widgets I actually tried in debug also and this is not adopted there yet. I guess more PRs are incoming?

Overall fantastic work, thanks for doing this!

@miguelsolorio
Copy link
Contributor Author

Thank you both for verifying, merging this in!

@isidorn this is expected as the trees inside of the editor use editor.foreground:

image

@miguelsolorio miguelsolorio merged commit 632115a into master Sep 26, 2019
@miguelsolorio miguelsolorio deleted the misolori/icon-font-tree branch September 26, 2019 15:41
@github-actions github-actions bot locked and limited conversation to collaborators Mar 27, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
icons-product Issues for in-product icons
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Icons are hard to see in selected states
3 participants