How To change theme colors on Nuxt/Vuetify starter template

Question

Change colors

I\'m trying to use Vue with Nuxt and Vuetify for the styles, on Vuetify exists many templates, one of them brings all.

I tried to add colors

Answer 1

There are two options to change the color theme 1. from the /plugins/vueitfy.js

    Vue.use(Vuetify, {
  theme: {
    primary: '#2c3e50',
    secondary: '#1abc9c',
    accent: '#2980b9',
    error: '#e74c3c',
    action: '#23DB2A'
  }})

2. From /assets/style/appl.styl, before the require of vuetify

$theme := { primary: '#2c3e50', secondary: '#1abc9c', accent: '#2980b9', error: '#e74c3c', action: '#23DB2A' }

And header and footer won't work as a color theme property