使用深色主题和浅色主题时如何在整个应用程序中更改颜色,因此我仍然可以在运行时在它们之间进行切换

时间:2019-05-18 07:32:20

标签: javascript typescript vue.js vuetify.js

因此,我实现了不错的前端,并且开箱即用了明暗主题,还为按钮等自定义了颜色,一切都很酷:

Vue.use(Vuetify, {
  iconfont: 'md',
  theme: {
    primary: colors.pink.base,
    secondary: colors.purple.base,
    accent: colors.deepPurple.base,
    error: colors.indigo.base,
    warning: colors.blue.base,
    info: colors.lightBlue.base,
    success: colors.cyan.base
  }
})

但是我想确定整个界面的默认颜色,所以该怎么做呢?我还有一个按钮,可以通过像<v-app :dark="这样应用来在运行时更改明暗主题。那么,如何自定义主题中的明暗构建,使整个应用程序界面具有我选择的容器和组件背景色?

0 个答案:

没有答案