Notices have lost their opacity layer

[turt2live]

Steps to reproduce

1. Send a notice with some custom markup, such as from a bot

Outcome

What did you expect?

Opacity to dull the message contents, like in the old design:

What happened instead?

The green text is vibrant (unexpected) and the room pill is less translucent (also unexpected)

Operating system

Windows 11

Application version

Element Nightly version: 0.0.1-nightly.2023071901 Olm version: 3.2.14

How did you install the app?

The Internet

Homeserver

t2l.io

Will you send logs?

No

[germain-gg]

Relying on opacity has created a class of issues regarding color contrast and accessibility so we're diverging from that.

Notices is now using --cpd-color-text-secondary (see https://compound.element.io/?path=/docs/tokens-semantic-colors--docs) which is sufficiently different from the primary events who you to be able to distinguish them.

Same goes for the pills, as it'd make matter worst for cases like #22134

[t3chguy]

the primary events who you to be able to distinguish them.

Only if they don't specify a colour using data-mx-color or font color