/**
 * plugins/vuetify.js
 *
 * Framework documentation: https://vuetifyjs.com`
 */

// Styles
import '@mdi/font/css/materialdesignicons.css'
import 'vuetify/styles'

// Composables
import { createVuetify } from 'vuetify'

// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
export default createVuetify({
  theme: {
    themes: {
      light: {
        background: '#212121',
        primary: '#cc0000',
        controls: '#cc0000',
        soundboard: '#9A2779',
        secondary: '#b0bec5',
        feedback: '#2E7D32',
        accent: '#8c9eff',
        error: '#b71c1c',
      },
      dark: {
        background: '#121212',
        primary: '#2979FF',
        controls: '#AB47B',
        secondary: '#90a4ae',
        feedback: '#2E7D32',
        accent: '#8c9eff',
        error: '#b71c1c',
      },
    },
    defaultTheme: 'dark',
  }
})