Спасибо, что указали на это, @Johani. Похоже, что функция dark-light-choose($light, $dark) делает именно то, что мне нужно, но теперь у меня проблема: она не определяет смену палитры.
Моя единственная активная тема называется «Nacho», и у неё есть две палитры: «Clara» (светлая) и «Oscura» (тёмная):
Я настроил её с помощью этого CSS:
$dark-theme-ins: #4da06d;
$light-theme-ins: #acf2bd;
.modal.history-modal {
ins {
background: dark-light-choose($light-theme-ins, $dark-theme-ins);
}
}
Это работает со светлой палитрой:
Но не работает с тёмной палитрой:
Если я изменю CSS следующим образом, всё заработает:
.modal.history-modal {
ins {
background: $dark-theme-ins;
}
}
Похоже, что смена на тёмную палитру не определяется. Я вижу, что is-light-color-scheme проверяет яркость $primary и $secondary. Вот моя тёмная палитра:
А вот светлая палитра:
У меня больше нет идей.