:root { --panel-background: black !important; }
CSS
Leider, das funktioniert nicht. Aber ich habe mein Problem anders gelöst. Und zwar:
:host,
:root {
--layout-background-0: light-dark(var(--color-white), var(--color-gray-90));
--layout-background-1: black !important;
--layout-background-2: light-dark(var(--color-gray-10), var(--color-gray-70));
--layout-background-3: light-dark(var(--color-gray-20), var(--color-gray-60));
--layout-background-4: light-dark(var(--color-gray-30), var(--color-gray-50));
--layout-color-0: light-dark(var(--color-black), var(--color-white));
--layout-color-1: #82d6ff !important;
--layout-color-2: light-dark(var(--color-gray-70), var(--color-gray-30));
--layout-color-3: var(--color-gray-50);
--layout-border-0: light-dark(var(--color-gray-30), var(--color-gray-70));
--layout-border-1: #82d6ff !important;
--layout-border-2: var(--color-gray-50);
}
Alles anzeigen
und dann alle Menus (außer Burgermenu) haben schwarzen Hintergrund.
Für Burgermenu habe ich solche Code eingefügt:
panelview {
flex-direction: column;
background: black !important;
padding: 0;
}
und auch Burgermenu hat jetzt schwarzen Hintergrund.