我正在生成一个包含Chart.js图表的HTML文件。当我将系统配色方案从浅更改为深（或相反）时，X轴和Y轴的字体颜色不会更改，但其他颜色会更改。但是，当我刷新页面时，无论系统配色方案是浅还是深，每种颜色都是应有的颜色。
我只在Safari 12.1中测试这一点，因为它是唯一一个在非测试版中支持prefers-color-scheme媒体查询的浏览器。
下面是我使用的<script>元素的内容：
第一个
以下是如何在实际操作中看到这一点：
1.将系统配色方案设置为浅色。
1.在Safari中打开文件。
1.请注意黑色的轴标签和紫色的完美校准数据集标签颜色。
1.将系统配色方案切换为深色。（在上面的示例中，只需单击图表即可。）
1.请注意，轴标签仍为黑色，但现在背景为黑色。
1.请注意，完美校准数据集的颜色已更改为红色。
1.请注意，数据集的标签现在是白色的。
现在，让我们反过来看看这一切。让我们在系统设置为暗模式时重新加载页面。请注意，轴标签颜色现在是白色的。
1.将系统颜色方案重新设置为亮。
1.请注意，轴标签在白色背景上几乎是白色的。
为什么chart.options.scales.yAxes[0].ticks.fontColor没有改变，而其他属性却改变了呢？