Files
recipes/vue3/src/vuetify.ts
2024-03-27 08:38:34 -05:00

42 lines
1.2 KiB
TypeScript

import '@fortawesome/fontawesome-free/css/all.css'
import 'vuetify/styles'
import {aliases, fa} from 'vuetify/iconsets/fa'
// Composables
import {createVuetify} from 'vuetify'
// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
export default createVuetify({
defaults: {
// disabled as this leads to cards overflowing if not careful, manually set on cards containing a multiselect until proper solution is found
// VCard: {
// class: 'overflow-visible' // this is needed so that vue-multiselect options show above a card, vuetify uses overlay container to avoid this
// }
},
theme: {
defaultTheme: 'light',
themes: {
light: {
colors: {
background: '#f5efea',
tandoor: '#ddbf86',
primary: '#b98766',
secondary: '#b55e4f',
success: '#82aa8b',
info: '#385f84',
warning: '#eaaa21',
error: '#a7240e',
},
},
},
},
icons: {
defaultSet: 'fa',
aliases,
sets: {
fa,
},
},
})