Space panel avatar colour and alignment regressions

[weeman1337]

Steps to reproduce

1. Enable light mode
2. Have some spaces without image
3. Look at the space panel

Outcome

What did you expect?

Dark grey letters on a light grey background

What happened instead?

Dark grey letters on coloured background. Hard to read

Operating system

Ubuntu 22.04.1 LTS

Browser information

Firefox 109.0.1

URL for webapp

https://develop.element.io/

Application version

Element version: 50f2b53-react-3e2bf5640e17-js-c142232f4d13 Olm version: 3.2.12

Homeserver

matrix.org

Will you send logs?

No

[robintown]

(They're supposed to be dark gray letters on a light gray background)

[weeman1337]

(They're supposed to be dark gray letters on a light gray background)

upsi - I have updated the description. Thanks

[SatyarajRana]

@weeman1337 There are three options i think will look good, please tell which one to implement:

1. The one you proposed
2. Black letters on coloured backgrounds
3. Darker shade of a color for letters and lighter shade of same color for background

[weeman1337]

@SatyarajRana this is a regression. The current stable version (for instance deployed here https://app.element.io/ ) is working correctly

If you want to work on it, you should find the change that is causing the problem and fix it accordingly.

[SatyarajRana]

Oh, got it

[t3chguy]

Related space panel regression around alignment:

Staging

Develop

The margin below user avatar increased in size, knocking the 2 hairlines out of line

[t3chguy]

Regressed by matrix-org/matrix-react-sdk@a8aa4de