Javascript 如何全局存储颜色，使其在js、css和html中可见？

我有一个网站的颜色主题。到目前为止，每次使用元素时，我都会手动为每个元素添加颜色

有一组带有颜色的全局变量会更容易，这样，如果我决定更改一个，我就不必遍历每个文件来手动将每个实例更改为新颜色

这可能吗？

可以使用

您可以在CSS中定义这样的变量：

body {
  --my-color: #000;
}

并在以后的CSS或HTML中的任何位置使用它，如下所示：

p {
  color: var(--my-color);
}

或

现在您的变量可以从CSS、HTML和JS中获得

<p style="color: var(--my-color)"></p>

getComputedStyle(document.body).getPropertyValue('--my-color');