将CSS变量（颜色）与chart.js一起使用-“；var（--原色）“；不起作用

我有一个web应用程序项目，它使用两个样式表定义两个颜色集（日间和夜间模式）。每个样式表使用不同的颜色定义相同的CSS变量（例如dayMode.CSS中的“--primaryColor:'white'”和nightMode.CSS中的“-primaryColor:'black'”）。单击按钮时切换样式表

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

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

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

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

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

---

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

样式表中使用CSS变量，如果你想在JS中访问它们，你可以按照下面的代码片段进行操作：

var style=getComputedStyle（document.body）；
var primCol=style.getPropertyValue（'--primaryColor'）；
$（“#mydiv”）.text（“原色：+primCol”）；

：根目录{
--原色：#336699；
}
#mydiv{
背景色：var（--原色）；
}

您尝试了我的答案吗？是的，请参阅下面的评论。您好！谢谢您的回答！不幸的是，这没有帮助。是的，我可以通过这种方式访问变量，但在切换CSS文件时它们不会自动更新。即使我再次通过在“更新变量函数”中收集变量并执行myChart.update（）手动更新它们这不会改变他们。