素晴らしい質問ですね。試してみたところ、特殊な色定義のスタイルシートで背景画像やテーマ変数の使用が正しくサポートされていなかったことに気づきました。そこでコア部分にいくつか修正を加えましたので、これで対応可能になりました(最新のコアをプルしていることを確認してください)。
例えば、テーマまたはテーマコンポーネントに $bg-light と $bg-dark という SCSS 変数を持つ 2 つの画像がある場合、color_definitions.scss スタイルシートに以下を追加できます:
$bg: url(dark-light-choose($bg-light, $bg-dark));
:root {
--custom-bg: #{$bg};
}
その後、通常のスタイルシートで var(--custom-bg) を使用できます。