Perché dark-light-choose() potrebbe non funzionare?

[awesomerobot (Kris)]

Credo che, a causa del modo in cui SCSS viene compilato, le definizioni personalizzate per i temi scuro/chiaro debbano essere aggiunte in color_definitions.scss all’interno di un tema e non funzioneranno in altri file SCSS.

color_definitions.scss si trova in alto nella cascata (prima di molti stili predefiniti), quindi non vuoi aggiungere la parte .modal.history-modal ins lì. Invece, puoi aggiungere solo la definizione del colore stesso…

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

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

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

e poi in common o in qualsiasi altro file del tuo tema puoi fare:

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