Cannot create custom vuetify theme colors

1
votes

In my vuetify.js file I have added the following code in order to create custom theme colors:

Vue.use(Vuetify, {
  theme: {
    primary: "#abd10d",
    secondary: "#5c40c1",
  }
});

However, the themes do not update when I apply them to elements on the site. The primary and secondary themes remain their default colors.

Why aren't my custom theme colors being used?

1
vue.jsthemesvuetify.js

1 Answers

0
votes

You need to use light (default) or dark...

Vue.use(Vuetify, {
  theme: {
    light: {
       primary: "#abd10d",
       secondary: "#5c40c1",
    }
  }
})

Demo: https://codeply.com/p/HWrpkuOskr