search

bradykey / softball-reference-ui

Vue.js Front-end to the Softball Reference Web Application
0 stars 0 forks source link

Customize Theme Colors #5

Open bradykey opened 2 years ago

bradykey commented 2 years ago

Do the Vuetify Theme Generator and implement the custom colors. This is done in the vuetify.js file:

export default new Vuetify({
  theme: {
    themes: {
      // Customize theme colors
      //dark: THEME_COLORS
    },
    dark: true
  },
bradykey commented 2 years ago

I actually did this a bit better than my other code. I created a theme.js file in /plugins/vuetify. This just exports an object with some custom colors. What's nice is that if you don't override the standard theme color names (i.e. primary, error, etc.) they still are available by default. So just adding new ones allows $vuetify to just create the color--text classes, and the background classes etc. It's nice.