Bonne question. J’ai essayé cela et j’ai remarqué que nous ne prenions pas correctement en charge l’utilisation d’images de fond ou de variables de thème dans la feuille de style des définitions de couleurs spéciales. J’ai donc apporté quelques correctifs dans le noyau, et vous devriez maintenant pouvoir le faire (assurez-vous de récupérer la dernière version du noyau).
Ainsi, si vous avez deux images dans votre thème ou composant de thème, avec des variables SCSS $bg-light et $bg-dark respectivement, vous pouvez ajouter ceci à votre feuille de style color_definitions.scss :
$bg: url(dark-light-choose($bg-light, $bg-dark));
:root {
--custom-bg: #{$bg};
}
Ensuite, vous pouvez utiliser var(--custom-bg) dans votre feuille de style habituelle.