import 'vuetify/styles';
import '@mdi/font/css/materialdesignicons.css';
import { createVuetify } from 'vuetify';
import { aliases, mdi } from 'vuetify/iconsets/mdi';

export default createVuetify({
  theme: {
    defaultTheme: 'poshDark',
    themes: {
      poshDark: {
        dark: true,
        colors: {
          background: '#050b14',
          surface: '#0d1a2a',
          'surface-bright': '#16273c',
          'surface-variant': '#24344a',
          primary: '#58ddff',
          secondary: '#9a86ff',
          tertiary: '#64e7bd',
          success: '#64e7bd',
          warning: '#ffbd6a',
          error: '#ff7383',
          info: '#73a7ff',
          outline: '#6f8198',
          'on-background': '#eef8ff',
          'on-surface': '#eef8ff',
          'on-primary': '#041019'
        }
      }
    }
  },
  icons: {
    defaultSet: 'mdi',
    aliases,
    sets: { mdi }
  },
  defaults: {
    global: {
      ripple: true
    },
    VBtn: {
      rounded: 'lg',
      elevation: 0,
      height: 40,
      variant: 'flat',
      style: 'text-transform:none; letter-spacing:0;'
    },
    VCard: {
      rounded: 'lg',
      elevation: 0
    },
    VDialog: {
      scrim: '#020617'
    },
    VTextField: {
      density: 'comfortable',
      variant: 'outlined',
      hideDetails: 'auto',
      color: 'primary'
    },
    VSelect: {
      density: 'comfortable',
      variant: 'outlined',
      hideDetails: 'auto',
      color: 'primary'
    },
    VTextarea: {
      density: 'comfortable',
      variant: 'outlined',
      hideDetails: 'auto',
      color: 'primary'
    },
    VSwitch: {
      density: 'comfortable',
      inset: true,
      hideDetails: true,
      color: 'primary'
    },
    VDataTable: {
      density: 'comfortable',
      fixedHeader: true
    }
  }
});
