Pourquoi dark-light-choose() pourrait ne pas fonctionner ?

Soutien
2

Je pense que, en raison de la manière dont le SCSS est compilé, les définitions personnalisées pour les thèmes sombre/clair doivent être ajoutées dans color_definitions.scss au sein d’un thème et ne fonctionneront pas dans d’autres fichiers SCSS.

Screen Shot 2020-12-04 at 9.54.13 PM
Screen Shot 2020-12-04 at 9.54.13 PM936×138 14.1 KB

color_definitions.scss se trouve haut dans la cascade (avant la plupart des styles par défaut), vous ne voulez donc pas y ajouter la partie .modal.history-modal ins. À la place, vous pouvez simplement ajouter la définition de la couleur elle-même…

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

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

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

Ensuite, dans common ou n’importe quel autre fichier de votre thème, vous pouvez faire :

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