Skip to content

Verification icon has incorrect colour/background #30293

@twassman

Description

@twassman

Steps to reproduce

In chats:

  1. Open a chat with a verified (cross-signed) user
  2. Observe the green icon to the left of the text box

In verification dialog:

  1. Verify a new device or another user
  2. Observe the green shield icon after completing verification

Outcome

What did you expect?

The icon should have a transparent background around it. Its interior checkmark should be white in light mode.

What happened instead?

In dark mode, the icon has a white background around it. Its interior checkmark is dark grey in both light and dark mode.

Light mode chat icon:
Verification icon, showing a green shield with dark grey checkmark on a white background

Dark mode chat icon:
Verification icon, showing a green shield with dark grey checkmark with rectangular white background around it, on a dark background

Light mode verification dialog icon:
Verification dialog popup, stating 'Verify other device: You've successfully verified [new device]!', and showing a green shield with dark grey checkmark on a white background

Dark mode verification dialog icon:
Verification dialog popup, stating 'Verify other device: You've successfully verified [new device]!', and showing a green shield with dark grey checkmark with rectangular white background around it, on a dark background

Operating system

No response

Browser information

Firefox 141.0b7

URL for webapp

staging.element.io

Application version

Element version: 1.11.106-rc.0

Homeserver

No response

Will you send logs?

No

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions