Inconsistent weight and use of color in iconography throughout UI
Problem
See images below of the various different icons across the UI at x2 with some comments. This is by no means exhaustive but contains the major icons: /cc @bpasero General comments - Since color is used so sparingly throughout the UI, it draws additional attention to the icons that feature red and green in particular. Clear output should have not have a particularly strong visual presence imo. Explorer - Why is the folder filled in brown and not white? - Why does the collapse all button feature a blue `-`, why is it a different blue than the one used in the status bar? Search - Why is the red `x` an inconsistent style with the `x` used elsewhere? - Why does the clear icon feature a different light gray than the other icons? - Why is there a dark border around these icons in particular? Git - Why is the tick icon a different weight, why isn't it solid? Debug - Why is the debug output icon so short? - Why is the deactivate breakpoints button feature a circle filled with black (vs transparent used elsewhere) - Why is the close all button filled so it's inconsistent with the collapse all? - Why does the close all button button have a black border when collapse all doesn't? Problems Editor
Unverified for your environment
Select your OS to check compatibility.
1 Fix
Solution: Inconsistent weight and use of color in iconography throughout UI
It so happens that the we have some new icons in the works that match the new Microsoft Design Language (cleaner and more modern icons that use strokes instead of heavy-weight fills).
Trust Score
7 verifications
- 1
It so happens that the we have some new icons in the works that match the new Mi
It so happens that the we have some new icons in the works that match the new Microsoft Design Language (cleaner and more modern icons that use strokes instead of heavy-weight fills).
Validation
Resolved in microsoft/vscode GitHub issue #8017. Community reactions: 30 upvotes.
Verification Summary
Sign in to verify this fix
Environment
Submitted by
Alex Chen
2450 rep