単一のテーマパレットのCSSカラーを変更する方法

ご指摘ありがとうございます、@Johani さん。dark-light-choose($light, $dark) 関数はまさに私が望む動きをするようですが、現在はパレットの変更を検出できていないのが問題です。

現在アクティブなテーマは「Nacho」で、2 つのパレット「Clara」(Light)と「Oscura」(Dark)を持っています。

これを以下の CSS でカスタマイズしています。

$dark-theme-ins: #4da06d;
$light-theme-ins: #acf2bd;
.modal.history-modal {
    ins {
        background: dark-light-choose($light-theme-ins, $dark-theme-ins);
    }
}

Light パレットでは正常に動作します。


しかし、Dark パレットでは動作しません。


CSS を以下のように変更すると動作します。

.modal.history-modal {
    ins {
        background: $dark-theme-ins;
    }
}

つまり、Dark パレットへの変更が検出されていないようです。is-light-color-scheme$primary$secondary の明るさを参照しているようですが、私の Dark パレットは以下の通りです。

そして Bright パレットは以下です。

もう思いつく手がありません。