Gracias por señalarlo, @Johani. Parece que la función dark-light-choose($light, $dark) hace exactamente lo que necesito, pero mi problema ahora es que no está detectando el cambio de paleta.
Mi único tema activo se llama “Nacho” y tiene dos paletas: “Clara” (Light) y “Oscura” (Dark):
Lo he personalizado con este CSS:
$dark-theme-ins: #4da06d;
$light-theme-ins: #acf2bd;
.modal.history-modal {
ins {
background: dark-light-choose($light-theme-ins, $dark-theme-ins);
}
}
Esto funciona con la paleta clara:
Pero no funciona con la paleta oscura:
Si cambio el CSS a esto, funciona:
.modal.history-modal {
ins {
background: $dark-theme-ins;
}
}
Así que parece que el cambio a la paleta oscura no se está detectando. Puedo ver que is-light-color-scheme analiza el brillo de $primary y $secondary. Aquí está mi paleta oscura:
Y la paleta clara:
Ya se me han acabado las ideas.