Files
web/src/plugins/vuetify.js
2024-10-09 16:35:44 -04:00

63 lines
1.4 KiB
JavaScript

/**
* plugins/vuetify.js
*
* Framework documentation: https://vuetifyjs.com`
*/
// Styles
import '@mdi/font/css/materialdesignicons.css'
import 'vuetify/styles'
// Composables
import { createVuetify } from 'vuetify'
// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
const darkGray = '#333'
export default createVuetify({
theme: {
themes: {
light: {
colors: {
background: '#ffffff',
surface: '#ffffff',
primary: '#35D721',
success: '#35D721',
warning: '#FFDE00',
error: '#DD1A10',
"on-background": darkGray,
"on-surface": darkGray,
"on-primary": darkGray,
"on-secondary": darkGray,
"on-success": darkGray,
"on-info": darkGray,
"on-warning": darkGray,
"on-error": darkGray,
},
dark: false,
variables: {},
},
dark: {
colors: {
background: '#000',
surface: '#000',
primary: '#35D721',
success: '#35D721',
warning: '#FFDE00',
error: '#DD1A10',
"on-background": darkGray,
"on-surface": darkGray,
"on-primary": darkGray,
"on-secondary": darkGray,
"on-success": darkGray,
"on-info": darkGray,
"on-warning": darkGray,
"on-error": darkGray,
},
dark: true,
variables: {},
},
},
},
})