小编Jac*_*ahl的帖子

我有一个 web 应用程序项目，它使用两个样式表来定义两个颜色集（白天和黑夜模式）。各样式表定义了相同的CSS变量具有不同颜色（例如，“ --primaryColor：‘白’”在dayMode.css和‘ --primaryColor：‘黑’ ’在nightMode.css。点击一个按钮时，样式表被触发。

现在，所有元素都通过引用这些变量来着色——在 CSS 和 JS 代码中。例如：

div {background-color: var(--primaryColor);}

$(this).css({backgroundColor: "var(--primaryColor)"});

切换样式表时，所有元素都会调整为新定义。现在我设置了我的第一个 Chart.js 并尝试使用我的变量为它着色，例如：

yAxes: [{
    ticks: {
        fontColor: "var(--primaryTextColor)"
    }
}]

但这不起作用。知道如何解决这个问题吗？提前致谢！