51 lines
946 B
JavaScript
51 lines
946 B
JavaScript
/**
|
|
* plugins/vuetify.js
|
|
*
|
|
* Framework documentation: https://vuetifyjs.com`
|
|
*/
|
|
|
|
// Styles
|
|
import '@mdi/font/css/materialdesignicons.css'
|
|
import 'vuetify/styles'
|
|
|
|
// Composables
|
|
import { createVuetify } from 'vuetify'
|
|
|
|
const CustomThemeDark = {
|
|
dark: true,
|
|
colors: {
|
|
background: '#121212',
|
|
primary: '#e91e1e',
|
|
secondary: '#F44336',
|
|
accent: '#FFC107',
|
|
error: '#FF5722',
|
|
warning: '#FFC107',
|
|
info: '#607D8B',
|
|
success: '#4CAF50'
|
|
}
|
|
}
|
|
const CustomThemeLight = {
|
|
dark: false,
|
|
colors: {
|
|
background: '#ffffff',
|
|
primary: '#e91e1e',
|
|
secondary: '#F44336',
|
|
accent: '#FFC107',
|
|
error: '#FF5722',
|
|
warning: '#FFC107',
|
|
info: '#607D8B',
|
|
success: '#4CAF50'
|
|
}
|
|
}
|
|
|
|
// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
|
|
export default createVuetify({
|
|
theme: {
|
|
defaultTheme: 'CustomThemeDark',
|
|
themes: {
|
|
CustomThemeDark,
|
|
CustomThemeLight,
|
|
},
|
|
},
|
|
})
|