Bug 443658

Summary: Breeze state iocons (away / available / etc.) have contra-intuitive coloring / contrast
Product: [Plasma] Breeze Reporter: Björn Balazs <kde>
Component: IconsAssignee: visual-design
Severity: normal CC: kainz.a, nate
Priority: NOR    
Version: unspecified   
Target Milestone: ---   
Platform: Other   
OS: All   
Latest Commit: Version Fixed In: 5.88
Attachments: Icon colors in ruqola

Description Björn Balazs 2021-10-13 08:31:29 UTC

I think there is a bug in the state icons used e.g. in messengers. If you take a look at the breeze icon displaying the current state of a user (e.g. away, available), you will notice that the available icon with its light green has a much lower contrast than the black away icon. I think this is communication the wrong way. The intense contrast of the away icons looks like an actually active actor, while the light tone of the available icon creates just the opposite association of an fade / not present user. I suggest to rethink contrast / color saturation of the icons in this icon family.
Comment 1 Nate Graham 2021-10-13 16:03:35 UTC
Can you provide a screenshot that shows this issue? The im-away icon is supposed to be orange, not black.
Comment 2 Björn Balazs 2021-10-14 14:30:44 UTC
Created attachment 142433 [details]
Icon colors in ruqola

This is from ruqola, the KDE rocket chat client. The people staring with "M" are away, but their icon looks much more present (due to contrast) than the available icon of others.
Comment 3 Björn Balazs 2021-10-14 14:32:41 UTC
Sorry, I am probably mixing away and offline icons here.
Comment 4 Björn Balazs 2021-10-14 14:37:39 UTC
What I am trying to say: People that I can directly talk to, so that are online and available should have the highest contrast icon. People not available or even offline should be less contrast. Color can only be a secondary code, as it doesn't work for the colorblind (me, e.g.). At least this would match my intuition.
Comment 5 Nate Graham 2021-10-14 16:28:52 UTC
The black icon is named `im-invisible` and it's intended to be used for invisible users. The `im-away` is yellow, and we can in fact see two such icons in the list.

Perhaps `im-invisible should be slightly transparent/more gray to reduce its visibility compared to the other icons?
Comment 6 Nate Graham 2021-10-14 16:30:41 UTC
Oh actually I see the bug: that icon is actually `im-user-offline` which is supposed to be gray, but the 16px version of it is broken. I'll fix it.
Comment 7 Nate Graham 2021-10-14 16:34:16 UTC
Git commit 6d06c447bb1899f70638650f625a7263a1f228e3 by Nate Graham.
Committed on 14/10/2021 at 16:32.
Pushed by ngraham into branch 'master'.

Fix color of 16px im-user-offline icon

It was supposed to match the other sizes by having a gray color,
accomplished by setting the opacity to 0.5, but this was not done.
FIXED-IN: 5.88

M  +1    -1    icons-dark/actions/16/im-user-offline.svg
M  +1    -1    icons/actions/16/im-user-offline.svg