import { createVuetify } from 'vuetify'
import * as components from 'vuetify/components'
import * as directives from 'vuetify/directives'
import { VPullToRefresh } from 'vuetify/labs/components'
import 'vuetify/styles'
import '@mdi/font/css/materialdesignicons.css'

export default createVuetify({
  components: {
    ...components,
    VPullToRefresh,
  },
  directives,
  theme: {
    defaultTheme: 'light',
    themes: {
      light: {
        dark: false,
        colors: {
          primary: '#1A73E8',
          secondary: '#5F6368',
          accent: '#34A853',
          error: '#EA4335',
          info: '#4285F4',
          success: '#34A853',
          warning: '#FBBC05',
          surface: '#FFFFFF',
          background: '#F5F5F5'
        }
      },
      dark: {
        dark: true,
        colors: {
          primary: '#1E88E5',
          secondary: '#9E9E9E',
          accent: '#4CAF50',
          error: '#F44336',
          info: '#2196F3',
          success: '#4CAF50',
          warning: '#FFC107',
          surface: '#1E1E1E',
          background: '#121212'
        }
      }
    }
  }
})