Javascript 如何使用所有项目的变量'；s颜色

我使用React.JS来开发一个web。我想在一个类中定义所有颜色

事实上，我是一个初学者，我只在CSS文件中使用颜色。像这样：

.toolbar {
    background: primary1;
}

//style.scss
@import "path/to/colors.scss";

div {
  background: $red;
  color: $black;
}

我还想在其他可能需要的类型类中使用它们

多谢各位。

---

另外，我的英语很抱歉。

在Sass中，您可以在一个文件中声明所有颜色：

//colors.scss
$red: #990000;
$black: #000000;
$white: #ffffff;

然后在项目中的任何其他scss文件中，您可以导入并使用任何声明的颜色，如下所示：

.toolbar {
    background: primary1;
}

//style.scss
@import "path/to/colors.scss";

div {
  background: $red;
  color: $black;
}

---

您的react项目中可能有sass内置支持，但如果没有，请参阅文档：

阅读此处：首先，感谢您的帮助。据我所知，我只能在CSS文件中使用这种类型的变量。需要担心在其他类型类中使用颜色吗？据我所知，您可以通过这种方式使用任何CSS属性，很抱歉延迟，我正在度假。希望你把它弄坏了。是的，我弄坏了。谢谢。那真的很有帮助。