如何为单个主题调色板更改 CSS 颜色?

感谢指出这一点,@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 的亮度来判断的。以下是我的深色调色板:

以及浅色调色板:

我已经想不出其他办法了。