UI becomes invisible with forced colors or high contrast mode enabled

Open

#21,764 opened on Apr 12, 2022 0 comments 0 reactions 0 assignees View on GitHub

A11y O-Uncommon S-Major T-Defect

Dominant language: TypeScript
Stars: 13.5k
Forks: 2.8k
PR merge metrics: PR metrics pending

Description

### Steps to reproduce

STR:
1. Open element in firefox
2. Enable forced colors mode (about:preferences > "colors", or "manage colors" depending on your version > set dropdown to "always" > OK )
3. View a chat room in Element.

### Outcome

Expected:
Message options (Reply, thread, edit, etc.) icons remain visible
Unread indicators remain visible
Room options, notification settings icons remain visible

Actual:
![image](https://user-images.githubusercontent.com/14968521/163049953-ff347f8d-11fe-4c61-aea8-3a5ed13f317e.png)
![image](https://user-images.githubusercontent.com/14968521/163049993-312a9e0b-09b2-459a-a196-873a11be2b8e.png)
![image](https://user-images.githubusercontent.com/14968521/163050023-a3da1fb9-a3e1-41e1-a4d8-98621917f5b2.png)

### Operating system

macOS

### Browser information

Firefox 99

### URL for webapp

_No response_

### Application version

Element version: 1.10.9 Olm version: 3.2.8

### Homeserver

chat.mozilla.org

### Will you send logs?

Yes

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

UI becomes invisible with forced colors or high contrast mode enabled

Description

Contributor guide

Assessment

Get new issues in your inbox