44 lines
988 B
TypeScript
44 lines
988 B
TypeScript
/**
|
|
* plugins/vuetify.ts
|
|
*
|
|
* Framework documentation: https://vuetifyjs.com`
|
|
*/
|
|
|
|
// Composables
|
|
import { createVuetify, type ThemeDefinition } from 'vuetify'
|
|
import { md3 } from 'vuetify/blueprints'
|
|
|
|
// Styles
|
|
import '@mdi/font/css/materialdesignicons.css'
|
|
import 'vuetify/styles'
|
|
|
|
const jinshenLightTheme: ThemeDefinition = {
|
|
dark: false,
|
|
colors: {
|
|
background: '#FFFFFF', // White
|
|
primary: '#1976D2', // Blue
|
|
secondary: '#424242', // Grey
|
|
error: '#FF5252', // Red
|
|
info: '#2196F3', // Light Blue
|
|
success: '#4CAF50', // Green
|
|
warning: '#FB8C00', // Orange
|
|
surface: '#FFFFFF', // White
|
|
},
|
|
}
|
|
|
|
// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
|
|
export default createVuetify({
|
|
theme: {
|
|
defaultTheme: 'light',
|
|
variations: {
|
|
colors: ['primary', 'secondary', 'success', 'info', 'warning', 'error'],
|
|
lighten: 5,
|
|
darken: 5,
|
|
},
|
|
themes: {
|
|
light: jinshenLightTheme,
|
|
},
|
|
},
|
|
blueprint: md3,
|
|
})
|