highlight text is not accessible on dark theme

[kongo09]

Steps to reproduce

1. Visit the timeline
2. Observe a message that is a reply

Outcome

What did you expect?

Text with accessible contrast.

What happened instead?

Text has low contrast that is hard to read and fails accessibility test.

Evidence: https://webaim.org/resources/contrastchecker/?fcolor=F34441&bcolor=1D1F24

Operating system

Windows 11

Application version

Element version: 1.11.71 Crypto version: Rust SDK 0.7.1 (80a151e), Vodozemac 0.6.0

How did you install the app?

element.io

Homeserver

element.io

Will you send logs?

No

[t3chguy]

Can you share a screenshot of the fault itself? Are you using the high contrast theme?

[kongo09]

[t3chguy]

Are you using the high contrast theme?

[t3chguy]

Looks fine in High Contrast mode

Looks fine in Light theme

Also cannot reproduce in dark mode

These colours come from Compound which has contrast testing designed into it

[kongo09]

In High Contrast theme, other items are not accessible, e.g.

https://webaim.org/resources/contrastchecker/?fcolor=FFFFFF&bcolor=D7DCE2

But in any case, the red color of the dark theme feels completely unnecessary and not even visually connected to a dark theme. Not sure why you cannot reproduce this?

[t3chguy]

Right so you meant ping colour not reply colour

[kongo09]

Hm, not sure what a "ping" colour is, but I'm talking about the red.