Hello Content
Create a custom theme definition and add a variables section
const myCustomLightTheme: ThemeDefinition = {
variables: {
'body-font-family': 'Poppins,sans-serif',
'heading-font-family': 'Poppins, sans-serif',
'line-height-root': 1.75,
'font-size-root': '18px',
'btn-border-radius': '12px',
}
}
Then, add the theme to the Vuetify plugin definition:
export default defineNuxtPlugin(nuxtApp => {
const vuetify = createVuetify({
blueprint: md2,
ssr: true,
theme: {
defaultTheme: 'myCustomLightTheme',
themes: {
myCustomLightTheme,
}
},
...