如何创建自定义全局Vuetify主题

时间:2019-04-06 15:30:18

标签: vue.js vuetify.js

我正在使用Vuetify启动一个新的Vue项目,不确定如何创建自定义全局主题。我来自具有全球主题提供商的React / Material-UI。

根据文档,我可以使用诸如:

Vue.use(Vuetify, {
  theme: {
    primary: '#4A90E2',
    secondary: '#e57373',
    accent: '#9c27b0',
    error: '#f44336',
    warning: '#ffeb3b',
    info: '#2196f3',
    success: '#4caf50'
  }
});

这似乎可行,但是我希望进行更广泛的自定义以更改默认字体,字体大小等。

我也不是喜欢使用手写笔的人,并且更喜欢使用sass。我知道他们将在版本2中将所有内容从手写笔转换为sass,但是并没有说要花多长时间,我宁愿不等待。我想,如果我需要的话,可以使用手写笔,因为到目前为止我所看到的大部分内容都喜欢这个组件库。

我是否想念文档中描述了如何实现这样的全局主题以及可以使用SASS代替Stylus的功能的东西?

0 个答案:

没有答案