Thanks for pointing that out, @Johani. It looks like the dark-light-choose($light, $dark) function does exactly what I want, but my problem now is that it’s not detecting the change of palette.
My only active theme is called “Nacho” and it has two palettes: “Clara” (Light) and “Oscura” (Dark):
I’ve personalized it with this CSS:
$dark-theme-ins: #4da06d;
$light-theme-ins: #acf2bd;
.modal.history-modal {
ins {
background: dark-light-choose($light-theme-ins, $dark-theme-ins);
}
}
This works with the light palette:
But it doesn’t work with the dark palette:
If I change the CSS to this, it works:
.modal.history-modal {
ins {
background: $dark-theme-ins;
}
}
So it looks like the change to the dark palette is not being detected. I can see that is-light-color-scheme looks at the brightness of $primary and $secondary. Here is my dark palette:
And the bright palette:
I’m all out of ideas.