我有一个带有Quasar CLI的Quasar应用程序，我想创建我自己的 colored颜色 ，当我使用亮/暗主题时，这些 colored颜色 会有所不同.
在我之前的项目中，我使用的是Vutify，只需编辑我的vuetify.js文件，并为我的明暗对象添加相同名称的 colored颜色 ，就可以轻松地做到这一点.
在类星体中，这似乎并不那么容易.到目前为止，我有一个quasar.variables.scss文件，我可以在其中使用.body--dark {}和.body--light{}类为亮模式和暗模式指定不同的 colored颜色 .不幸的是，我只能覆盖标准 colored颜色 ，如原色、次要 colored颜色 、重音 colored颜色 等.我不能在这里添加新的 colored颜色 .
我目前拥有的:
.body--dark {
--q-primary: #exampleColor;
--q-secondary: #exampleColor;
--q-accent: #exampleColor;
--q-positive: #exampleColor;
--q-negative: #exampleColor;
--q-info: #exampleColor;
--q-warning: #exampleColor;
--q-dark-page : #exampleColor;
}
.body--light {
--q-primary: #exampleColor;
--q-secondary: #exampleColor;
--q-accent: #exampleColor;
--q-positive: #exampleColor;
--q-negative: #exampleColor;
--q-info: #exampleColor;
--q-warning: #exampleColor;
}
我主要想要的是为这两个类添加新的 colored颜色 . 有没有人在这里有经验，或者能把我引向正确的方向？