Icons not distinguishable

[maharjanaman]

Can't recognizes icons in this sections

[arcticicestudio]

Hi @maharjanaman 👋
Which icons do you mean? There are multiple icons visible on the screenshot: file icons, action bar icons or the sidebar icons?

[maharjanaman]

Sorry about lack of clarification. Here is same image with red circle. These icons are quite hard to see when an item is selected.
Hope below image clarifies things a lot.

[arcticicestudio]

Unfortunately there is no theme key that allows to customize these icons, they are "hardcoded" in VS Code and as far as I know there is also no (official) way to modify them. In my personal VS Code setup I've also removed all these VS Code icons via the Custom CSS and JS Loader extension (except file icons) since all their functionality is more easily useable through the command bar.

To solve your problem you could also try to use the CSS/JS loader extension to change their color. If you don't want to install the extension you can override Nord's highlighting style for selected items. Please read Nord's official documentation about theme customization for a detailed guide how to apply custom styles only for the Nord theme.

[arcticicestudio]

@maharjanaman Have you been able to customize the icons using the proposed methods? If yes, please close this ticket.
Also the latest VS Code version introduced new icons, so maybe there will be an official way to customize them later on.

[maharjanaman]

Haven't tried using Custom CSS and JS Loader extension but closing this now.

[arcticicestudio]

@maharjanaman It looks like the next version will include new workbench theme keys to customize icons based on their refactoring to extract all icons into a custom icon font.

• icon.foreground
• editorLightBulbForeground and editorLightBulbAutoFixForeground
• notificationsErrorIcon.foreground, notificationsWarningIcon.foreground and notificationsInfoIcon.foreground

I'll track the changes and check the changelogs to add support to Nord for it.