テーマコンポーネントに、ダークテーマとライトテーマで異なる色を定義しています。以前は dark-light-choose 関数を使ってライトとダークの色を選択していましたが、色変数の更新後に動作しなくなりました。具体的には、ダークカラー scheme が選択されていても、dark-light-choose は常にライトカラーを返してしまいます。短い例を挙げますと、色定義で
$d-color: dark-light-choose(#fff, #000);
:root {
--d-color: #{$d-color};
}
とし、common で
.d-header {
background: var(--d-color);
}
と記述すると、使用されているカラー scheme に関わらず、ヘッダーは常に白になってしまいます。なぜこのように動作しないのか、原因についてご教示ください。