Excelente pregunta. Probé esto y noté que no admitíamos correctamente el uso de imágenes de fondo o variables de tema en la hoja de estilos de definiciones de color especiales. Por lo tanto, realicé algunas correcciones en el núcleo y ahora deberías poder hacerlo (asegúrate de actualizar el núcleo a la última versión).
Así que, si tienes dos imágenes en tu tema o componente de tema, con variables SCSS $bg-light y $bg-dark respectivamente, puedes agregar esto a tu hoja de estilos color_definitions.scss:
$bg: url(dark-light-choose($bg-light, $bg-dark));
:root {
--custom-bg: #{$bg};
}
Y luego puedes usar var(--custom-bg) en tu hoja de estilos regular.