Files
ToldoConjunto/apps/toldo-app/src/plugins/vuetify.ts

35 lines
765 B
TypeScript

import 'vuetify/styles'
import '@mdi/font/css/materialdesignicons.css'
import { createVuetify } from 'vuetify'
import * as components from 'vuetify/components'
import * as directives from 'vuetify/directives'
import { aliases, mdi } from 'vuetify/iconsets/mdi'
export default createVuetify({
components,
directives,
icons: {
defaultSet: 'mdi',
aliases,
sets: { mdi },
},
theme: {
defaultTheme: 'light',
themes: {
light: {
colors: {
primary: '#2d5f3b',
secondary: '#4a7c59',
accent: '#6b8e23',
surface: '#fffdf8',
background: '#f5f7f2',
info: '#286c7a',
},
variables: {
'border-radius-root': '12px',
},
},
},
},
})