BrainBlast/ui/src/plugins/vuetify.js

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

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

// Composables
import { createVuetify } from 'vuetify'

const CustomThemeDark = {
  dark: true,
  colors: {
    background: '#121212',
    primary: '#e91e1e',
    secondary: '#F44336',
    accent: '#FFC107',
    error: '#FF5722',
    warning: '#FFC107',
    info: '#607D8B',
    success: '#4CAF50'
  }
}
const CustomThemeLight = {
  dark: false,
  colors: {
    background: '#ffffff',
    primary: '#e91e1e',
    secondary: '#F44336',
    accent: '#FFC107',
    error: '#FF5722',
    warning: '#FFC107',
    info: '#607D8B',
    success: '#4CAF50'
  }
}

// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
export default createVuetify({
  theme: {
    defaultTheme: 'CustomThemeDark',
    themes: {
      CustomThemeDark,
      CustomThemeLight,
    },
  },
})