dark-light-choose() が機能しない可能性のある理由

[awesomerobot (Kris)]

SCSS のコンパイル方法により、カスタムのダーク/ライト定義はテーマ内の color_definitions.scss に追加する必要があり、他の SCSS ファイルでは機能しません。

color_definitions.scss はカスケードの上位（多くのデフォルトスタイルより前）にあるため、.modal.history-modal ins の部分をそこに追加するのは避けてください。代わりに、色の定義そのものを追加します。

$dark-theme-ins: #acf2bd;
$light-theme-ins: #4da06d;

$ins: dark-light-choose($light-theme-ins, $dark-theme-ins);

:root {
  --custom-ins: #{$ins};
}

その後、common またはテーマの他の任意のファイルで以下のように記述できます。

.modal.history-modal {
    ins {
        background: var(--custom-ins);
    }
}