如何用自定义颜色覆盖Vuetify变量？

Question

我想按照覆盖与自定义颜色vuetify变量此

我创建了一个包含基本文件夹(_colors,_typography)和main.styl文件的手写笔文件夹.该_color文件将导入到main.styl文件中,后者将导入该文件main.js

进口包括在main.js:

 import '../node_modules/vuetify/dist/vuetify.min.css'
 import './assets/stylus/main.styl'

在里面_color.styl,我有这个测试代码:

$red = {
  "base":       #FF0000,
  "darken-1":   #e50000,
  "darken-2":   #990000,
  "darken-3":   #7f0000,
  "darken-4":   #000000,
}

自定义颜色没有显示......我在这里遗漏了什么？

Answer 1

正如@webdevdani 提到的那样，我认为不可能覆盖 vuetify 风格。

我建议你一个解决方法：使用theme.

在你main.js可以设置颜色，就像这样：

Vue.use(Vuetify, {
  theme: {
    primary: '#FFA726',
    secondary: '#29B6F6',
    anyColor: '#0000'
}})

你可以在你的应用程序的任何组件中这样调用它：

color="primary"

或者

color="anyColor"