.mx_MessagePanel_myReadMarker has invalid css

[IceMinePenguin]

Steps to reproduce

I was creating a custom theme for element web. I noticed the unread bar that appears when you go into a room with unread messages wasn't themed correctly. I opened the inspector and found the css. it is trying to set the color to "--accent" which doesn't exist, so it falls back to green.

Outcome

What did you expect?

I would expect the element to either use --accent-color or for --accent to exist and the style to not fall back to the default green.

What happened instead?

It is referencing a variable that does not exist.

Operating system

Arch Linux

Browser information

Firefox 125.0.3-2

URL for webapp

Private self hosted instance,

Application version

Version 1.11.60

Homeserver

Private homeserver, Synapse, 1.102.0

Will you send logs?

No

[MidhunSureshR]

Works fine for me:

accent (defined here) is replaced by the compound variable.

[t3chguy]

@MidhunSureshR --accent and $accent are not the same. The latter is inlined at build time given it is a pcss variable.

This looks specific to the custom theme