Ottima domanda. Ho provato questa soluzione e ho notato che non supportavamo correttamente l’uso di immagini di sfondo o variabili del tema nelle definizioni speciali del foglio di stile dei colori. Quindi ho apportato alcune correzioni nel core: ora dovresti essere in grado di farlo (assicurati di aggiornare l’ultima versione del core).
Quindi, se hai due immagini nel tuo tema o nel componente del tema, con le variabili SCSS $bg-light e $bg-dark rispettivamente, puoi aggiungere questo al tuo foglio di stile color_definitions.scss:
$bg: url(dark-light-choose($bg-light, $bg-dark));
:root {
--custom-bg: #{$bg};
}
E poi puoi utilizzare var(--custom-bg) nel tuo foglio di stile regolare.