Skip to content

Inconsistent weight and use of color in iconography throughout UI #8017

@Tyriar

Description

@Tyriar

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?

image

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?

image

  • Why is there a dark border around these icons in particular?

Git

image

  • Why is the tick icon a different weight, why isn't it solid?

Debug

image

  • Why is the debug output icon so short?

image

  • Why is the deactivate breakpoints button feature a circle filled with black (vs transparent used elsewhere)

image

  • 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?

image

Problems

image

Editor

image

Metadata

Metadata

Assignees

Labels

debtCode quality issuesicons-productIssues for in-product iconsuxUser experience issues

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions