Grazie per averlo segnalato, @Johani. Sembra che la funzione dark-light-choose($light, $dark) faccia esattamente quello che voglio, ma il mio problema ora è che non rileva il cambio di palette.
L’unico tema attivo si chiama “Nacho” e ha due palette: “Clara” (Chiaro) e “Oscura” (Scuro):
L’ho personalizzato con questo CSS:
$dark-theme-ins: #4da06d;
$light-theme-ins: #acf2bd;
.modal.history-modal {
ins {
background: dark-light-choose($light-theme-ins, $dark-theme-ins);
}
}
Questo funziona con la palette chiara:
Ma non funziona con la palette scura:
Se modifico il CSS in questo modo, funziona:
.modal.history-modal {
ins {
background: $dark-theme-ins;
}
}
Quindi sembra che il passaggio alla palette scura non venga rilevato. Vedo che is-light-color-scheme controlla la luminosità di $primary e $secondary. Ecco la mia palette scura:
E quella chiara:
Ho esaurito le idee.