Toggles, radios and checkboxes in Element settings don't render properly when turned on

[bblacher]

Steps to reproduce

Open settings while using dark theme

Outcome

Operating system

Arch Linux rolling

Application version

Element version: 1.11.60 Crypto version: Rust SDK 0.7.0 (b1918e9), Vodozemac 0.5.1

How did you install the app?

https://archlinux.org/packages/extra/x86_64/element-desktop/ (modified PKGBUILD to use electron 29 and newest Element version)

Homeserver

Synapse 1.102.0

Will you send logs?

No

[wrenix]

Also on

1. light mode
2. radio and checkbox (like on theming for light and dark mode)

[bblacher]

Screenshots showing the problem on light theme:

Missing checkbox:

[wrenix]

Looks like the Playwright test does not work correct:
https://github.com/matrix-org/matrix-react-sdk/blob/v3.94.0/playwright/snapshots/settings/preferences-user-settings-tab.spec.ts/Preferences-user-settings-tab-should-be-rendered-properly-1-linux.png

in matrix-org/matrix-react-sdk#12299

---

PS: I use your container-image

[florianduros]

@wrenix It's working correctly.

Following my analysis, the bug is only on the built version of the desktop app.

[florianduros]

We are missing in the build some compound variables like: --cpd-color-bg-accent-rest

[mokazemi]

@wrenix It's working correctly.

Following my analysis, the bug is only on the built version of the desktop app.

No. I'm so experiencing it on the web version.

[t3chguy]

@florianduros I can repro on app & staging

[florianduros]

@t3chguy Yep I saw it in the evening. I'm trying to update all the old design-tokens reference to fix it.

[florianduros]

Should be fixed in the next release.

[wrenix]

works, thanks