Vuetify theme doesn't change

2
votes

As doc said i used this to change default theme of my project: 

Vue.use(Vuetify, {
 theme: {
 primary: '#ff0000',
 secondary: '#ff0000',
 accent: '#ff0000',
 error: '#ff0000'
}
})

But nothing happens. Default primary color(#1976D2) is still there with no change. Why it is not working?

1
vue.jsvuetify.js
Some example code where it's not working? - Traxo
<v-icon primary >add</v-icon> add icon color will be default color of primary.(#1976D2) @Traxo - HoseinPanahi
primary attribute is deprecated in newer versions. use color attribute instead: color="primary", ditto other colors - Traxo
Both of them works fine... But color doesn't change.@Traxo - HoseinPanahi
And what's your vuetify version? - Traxo

1 Answers

3
votes

Editing theme with Vue.use is not supported in older versions of Vuetify.
Upgrading Vuetify to 0.17.0 or higher will solve your problem.