좋은 질문입니다. 이 방법을 시도해 보았는데, 특수 색상 정의 스타일시트에서 배경 이미지나 테마 변수를 사용하는 것을 제대로 지원하지 않는다는 것을 발견했습니다. 그래서 코어에 일부 수정을 가했고, 이제 이 기능을 사용할 수 있습니다(최신 코어를 가져오도록 하세요).
즉, 테마 또는 테마 컴포넌트에 두 개의 이미지가 있고 각각 $bg-light와 $bg-dark라는 SCSS 변수를 사용한다고 가정하면, color_definitions.scss 스타일시트에 다음을 추가할 수 있습니다:
$bg: url(dark-light-choose($bg-light, $bg-dark));
:root {
--custom-bg: #{$bg};
}
그리고 일반 스타일시트에서 var(--custom-bg)를 사용할 수 있습니다.