initial commit
This commit is contained in:
@@ -0,0 +1,58 @@
|
||||
/**
|
||||
* plugins/vuetify.ts
|
||||
*
|
||||
* Framework documentation: https://vuetifyjs.com`
|
||||
*/
|
||||
|
||||
// Styles
|
||||
import '@mdi/font/css/materialdesignicons.css'
|
||||
import 'vuetify/styles'
|
||||
|
||||
import colors from 'vuetify/util/colors'
|
||||
import { fa, en } from 'vuetify/locale'
|
||||
|
||||
// Composables
|
||||
import { createVuetify } from 'vuetify'
|
||||
|
||||
// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
|
||||
export default createVuetify({
|
||||
defaults: {
|
||||
VRow: { dense: true } // Apply dense to v-row as default
|
||||
},
|
||||
theme: {
|
||||
defaultTheme: localStorage.getItem('theme') ?? 'light',
|
||||
themes: {
|
||||
light: {
|
||||
colors: {
|
||||
primary: '#1867C0',
|
||||
secondary: '#5CBBF6',
|
||||
tertiary: '#E57373',
|
||||
accent: '#005CAF',
|
||||
error: colors.red.accent3,
|
||||
warning: colors.amber.base,
|
||||
info: colors.teal.darken1,
|
||||
success: colors.green.base,
|
||||
background: colors.grey.lighten4,
|
||||
},
|
||||
},
|
||||
dark: {
|
||||
colors: {
|
||||
primary: colors.blue.darken4,
|
||||
secondary: colors.grey.darken3,
|
||||
accent: colors.pink.darken3,
|
||||
error: colors.red.accent3,
|
||||
warning: colors.amber.darken3,
|
||||
info: colors.teal.lighten1,
|
||||
success: colors.green.darken2,
|
||||
surface: colors.grey.darken3,
|
||||
background: colors.grey.darken4,
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
locale: {
|
||||
locale: localStorage.getItem("locale") ?? 'en',
|
||||
fallback: 'en',
|
||||
messages: { en, fa },
|
||||
},
|
||||
})
|
||||
Reference in New Issue
Block a user