Custom theme is broken

[chagai95]

Steps to reproduce

After adding a custom theme like this then observe the left panel:

and I think more stuff is broken.

Outcome

the icons and arrow are missing.

Operating system

Windows

Browser information

Version 93.0.4577.63 (Official Build) (64-bit)

URL for webapp

develop branch

Homeserver

dev91-element.aarenet.com

Will you send logs?

No

[SimonBrandner]

This is probably caused by the fact that the custom theme is missing values for the new Compound colors

[SimonBrandner]

The custom themes should define the following colours:

$accent: var(--accent);
$alert: var(--alert);
$links: var(--links);
$primary-content: var(--primary-content);
$secondary-content: var(--secondary-content);
$tertiary-content: var(--tertiary-content);
$quaternary-content: var(--quaternary-content);
$quinary-content: var(--quinary-content);
$system: var(--system);
$background: var(--background);
$panels: rgba($system, 0.9);
$panel-base: var(--panel-base); // This color is not intended for use in the app
$panel-selected: rgba($panel-base, 0.3);
$panel-hover: rgba($panel-base, 0.1);
$panel-actions: rgba($panel-base, 0.2);
$space-nav: rgba($panel-base, 0.1);