Hey everyone, I'm trying to figure out how to change the text and background colors of all Vuetify components. I've tried using a custom theme but it's not working as expected. Any suggestions?
:)
const myCustomLightTheme = {
dark: false,
colors: {
background: "#FFFFFF",
surface: "#FF0000",
primary: "#FF0000",
"primary-darken-1": "#FF0000",
secondary: "#03DAC6",
"secondary-darken-1": "#018786",
error: "#B00020",
info: "#2196F3",
success: "#4CAF50",
warning: "#FB8C00"
}
};
const vuetify = createVuetify({
components,
directives,
theme: {
defaultTheme: "myCustomLightTheme",
themes: {
myCustomLightTheme
}
}
});