Tolle Frage! Ich habe das ausprobiert und festgestellt, dass wir die Verwendung von Hintergrundbildern oder Theme-Variablen in der speziellen Stylesheet-Datei für Farbddefinitionen bisher nicht korrekt unterstützt haben. Daher habe ich einige Korrekturen im Core vorgenommen. Du solltest das jetzt können (stell sicher, dass du den neuesten Core pullt).
Wenn du also zwei Bilder in deinem Theme oder Theme-Komponente hast, mit den SCSS-Variablen $bg-light und $bg-dark, kannst du dies zu deiner color_definitions.scss-Stylesheet-Datei hinzufügen:
$bg: url(dark-light-choose($bg-light, $bg-dark));
:root {
--custom-bg: #{$bg};
}
Anschließend kannst du var(--custom-bg) in deinem regulären Stylesheet verwenden.