/**
 * 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,
})