Merci de l’avoir signalé, @Johani. Il semble que la fonction dark-light-choose($light, $dark) fasse exactement ce que je souhaite, mais mon problème actuel est qu’elle ne détecte pas le changement de palette.
Mon seul thème actif s’appelle « Nacho » et il dispose de deux palettes : « Clara » (Clair) et « Oscura » (Sombre) :
Je l’ai personnalisé avec ce CSS :
$dark-theme-ins: #4da06d;
$light-theme-ins: #acf2bd;
.modal.history-modal {
ins {
background: dark-light-choose($light-theme-ins, $dark-theme-ins);
}
}
Cela fonctionne avec la palette claire :
Mais cela ne fonctionne pas avec la palette sombre :
Si je modifie le CSS comme ceci, cela fonctionne :
.modal.history-modal {
ins {
background: $dark-theme-ins;
}
}
Il semble donc que le passage à la palette sombre ne soit pas détecté. Je vois que is-light-color-scheme examine la luminosité de $primary et $secondary. Voici ma palette sombre :
Et la palette claire :
Je n’ai plus d’idées.