"verified" badge solves one problem, introduces another

[4elta]

• I have searched open and closed issues for duplicates

• I am using Signal-Desktop as provided by the Signal team, not a 3rd-party package.

---

please change (or tone down) the color and move the position of the "verified" badge introduced via PR #6278.

Bug Description

the idea of protecting users from UI confusion (i.e. the main motivation for the PR) is definitely a good one.
but you have to be very careful not to introduce a new one: confusing users into thinking they have unread messages.

until now, you could have kept the Signal app window visible on the screen (think of a large 4K display) and worked in another app.
the blue badge acted as a simple/gentle nudge: "hey, you have some unread messages."

by choosing the "verified" badge to be the same color as the unread message indicator, along with the location of that badge, the user is "tricked" into thinking they have unread messages every time their eyes glance over to the Signal app,
this is how perception peripheral vision (thanks @spacesynth) works.

i ask you to improve this generally good idea by making the following changes (either one, or preferably both):

• change the color of the "verified" badge (to grey or some other unobtrusive color)
• move the badge to the bottom right, slightly overlapping the profile picture (similar to the badge you get for donating to Signal); this way, the badge might no longer stand out so clearly

Steps to Reproduce

1. open the Signal app
2. open some other app/software
3. focus on your work inside the other app

Actual Result:

because of the way peripheral vision works, users are constantly fooled into thinking they have unread messages.

Expected Result:

the Signal app should be designed to, or should at least allow users to configure it (i.e. disable notifications, sounds, etc), so that it does not constantly steal their attention.
i know, you could just close the Signal app (if you don't want to be disturbed), but that's not the point here.

Platform Info

Signal Version: 6.11.0 production

Operating System: this is not relevant

Linked Device Version: this is not relevant

[ivan]

a workaround that I've been using (it doesn't persist across Signal-Desktop restarts):

1. start Signal-Desktop with --enable-dev-tools
2. ctrl+shift+i or View -> Toggle Developer Tools
3. use the element picker and click on the verified checkmark
4. use the Styles pane to break the URL in .ContactModal__official-badge { background: url(...) }

(This bothered me enough for me to start patching it.)

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale]

This issue has been closed due to inactivity.