Obrigado por apontar isso, @Johani. Parece que a função dark-light-choose($light, $dark) faz exatamente o que eu quero, mas meu problema agora é que ela não está detectando a mudança de paleta.
Meu único tema ativo se chama “Nacho” e possui duas paletas: “Clara” (Light) e “Oscura” (Dark):
Eu o personalizei com este CSS:
$dark-theme-ins: #4da06d;
$light-theme-ins: #acf2bd;
.modal.history-modal {
ins {
background: dark-light-choose($light-theme-ins, $dark-theme-ins);
}
}
Isso funciona com a paleta clara:
Mas não funciona com a paleta escura:
Se eu alterar o CSS para isto, funciona:
.modal.history-modal {
ins {
background: $dark-theme-ins;
}
}
Então parece que a mudança para a paleta escura não está sendo detectada. Posso ver que is-light-color-scheme verifica o brilho de $primary e $secondary. Aqui está minha paleta escura:
E a paleta clara:
Já esgotei todas as minhas ideias.