|
|
|
import type { ThemeDefinition } from 'vuetify'
|
|
|
|
import { createVuetify } from 'vuetify'
|
|
|
|
import { defineNuxtPlugin } from 'nuxt/app'
|
|
|
|
|
|
|
|
// todo: exclude unused components
|
|
|
|
// Import everything
|
|
|
|
import * as components from 'vuetify/components'
|
|
|
|
|
|
|
|
const ncLightTheme: ThemeDefinition = {
|
|
|
|
dark: false,
|
|
|
|
colors: {
|
|
|
|
'background': '#FFFFFF',
|
|
|
|
'surface': '#FFFFFF',
|
|
|
|
'primary': '#1348ba',
|
|
|
|
'secondary': '#03DAC6',
|
|
|
|
'secondary-darken-1': '#018786',
|
|
|
|
'error': '#B00020',
|
|
|
|
'info': '#2196F3',
|
|
|
|
'success': '#4CAF50',
|
|
|
|
'warning': '#FB8C00',
|
|
|
|
},
|
|
|
|
}
|
|
|
|
|
|
|
|
export default defineNuxtPlugin((nuxtApp) => {
|
|
|
|
const vuetify = createVuetify({
|
|
|
|
components,
|
|
|
|
theme: {
|
|
|
|
defaultTheme: 'ncLightTheme',
|
|
|
|
themes: {
|
|
|
|
ncLightTheme,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
// theme: {
|
|
|
|
|
|
|
|
// dark: {
|
|
|
|
// primary: '#0989ff',
|
|
|
|
// // primary: '#0989ff',
|
|
|
|
// 'x-active': '#e91e63',
|
|
|
|
// textColor: '#ffffff',
|
|
|
|
// text: '#ffffff',
|
|
|
|
// textLight: '#b3b3b3',
|
|
|
|
// backgroundColor: '#565656',
|
|
|
|
// backgroundColor1: '#252525',
|
|
|
|
// backgroundColorDefault: '#1f1f1f'
|
|
|
|
// },
|
|
|
|
// light: {
|
|
|
|
// 'primary': '#1348ba',
|
|
|
|
// // primary: '#0989ff',
|
|
|
|
// 'x-active': '#e91e63',
|
|
|
|
// 'textColor': '#333333',
|
|
|
|
// 'text': '#333333',
|
|
|
|
// 'textLight': '#929292',
|
|
|
|
// 'backgroundColor': '#f7f7f7',
|
|
|
|
// 'backgroundColor1': '#f7f6f3',
|
|
|
|
// 'backgroundColorDefault': '#ffffff',
|
|
|
|
// },
|
|
|
|
// },
|
|
|
|
})
|
|
|
|
nuxtApp.vueApp.use(vuetify)
|
|
|
|
})
|