B
B
BonBon Slick2020-02-10 11:14:06
Vue.js
BonBon Slick, 2020-02-10 11:14:06

Why is it not possible to disable the vuetify theme in Nuxt?

https://github.com/vuetifyjs/vuetify/issues/8082

vuetify:      {
        customVariables: ['~/assets/variables.scss'],
        theme:           {
            // @todo -does not work
            disable: true,
            // dark:    true,
            // themes:  {
            //     dark:  {
            //         primary:   colors.blue.darken2,
            //         accent:    colors.grey.darken3,
            //         secondary: colors.amber.darken3,
            //         info:      colors.teal.lighten1,
            //         warning:   colors.amber.base,
            //         error:     colors.deepOrange.accent4,
            //         success:   colors.green.accent3
            //     },
            //     light: {
            //         // ...
            //     },
            // },
        },


But the theme is enabled and applied
.theme--light.v-application {
  background: #FFFFFF;
  color: rgba(0, 0, 0, 0.87);
}
.theme--light.v-application .text--primary {
  color: rgba(0, 0, 0, 0.87) !important;
}
.theme--light.v-application .text--secondary {
  color: rgba(0, 0, 0, 0.6) !important;
}
.theme--light.v-application .text--disabled {
  color: rgba(0, 0, 0, 0.38) !important;
}
....
.theme--dark.v-application {
  background: #121212;
  color: #FFFFFF;
}
.theme--dark.v-application .text--primary {
  color: #FFFFFF !important;
}
.theme--dark.v-application .text--secondary {
  color: rgba(255, 255, 255, 0.7) !important;
}
.theme--dark.v-application .text--disabled {
  color: rgba(255, 255, 255, 0.5) !important;
}
...

Answer the question

In order to leave comments, you need to log in

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question