58 lines
1.5 KiB
TypeScript
58 lines
1.5 KiB
TypeScript
// import this after install `@mdi/font` package
|
|
import '@mdi/font/css/materialdesignicons.css'
|
|
|
|
import 'vuetify/styles'
|
|
import { createApp } from 'vue'
|
|
import { createVuetify } from 'vuetify'
|
|
|
|
const customTheme = {
|
|
dark: false,
|
|
colors: {
|
|
background: '#FFFFFF',
|
|
surface: '#FFFFFF',
|
|
'surface-bright': '#FFFFFF',
|
|
'surface-light': '#EEEEEE',
|
|
'surface-variant': '#424242',
|
|
'on-surface-variant': '#EEEEEE',
|
|
primary: '#1867C0',
|
|
'primary-darken-1': '#1F5592',
|
|
secondary: '#48A9A6',
|
|
'secondary-darken-1': '#018786',
|
|
error: '#B00020',
|
|
info: '#2196F3',
|
|
success: '#4CAF50',
|
|
warning: '#FB8C00',
|
|
},
|
|
variables: {
|
|
'border-color': '#000000',
|
|
'border-opacity': 0.12,
|
|
'high-emphasis-opacity': 0.87,
|
|
'medium-emphasis-opacity': 0.60,
|
|
'disabled-opacity': 0.38,
|
|
'idle-opacity': 0.04,
|
|
'hover-opacity': 0.04,
|
|
'focus-opacity': 0.12,
|
|
'selected-opacity': 0.08,
|
|
'activated-opacity': 0.12,
|
|
'pressed-opacity': 0.12,
|
|
'dragged-opacity': 0.08,
|
|
'theme-kbd': '#212529',
|
|
'theme-on-kbd': '#FFFFFF',
|
|
'theme-code': '#F5F5F5',
|
|
'theme-on-code': '#000000',
|
|
}
|
|
}
|
|
|
|
export default defineNuxtPlugin((app) => {
|
|
const vuetify = createVuetify({
|
|
// ... your configuration
|
|
theme: {
|
|
defaultTheme: 'customTheme',
|
|
themes: {
|
|
customTheme,
|
|
},
|
|
},
|
|
})
|
|
app.vueApp.use(vuetify)
|
|
})
|