import { createVuetify } from 'vuetify';
import { aliases } from '@/plugins/material-symbols/aliases';
import { outlined } from '@/plugins/material-symbols/material-symbols-outlined';
import { filled } from '@/plugins/material-symbols/material-symbols-filled';

export const vuetify = createVuetify({
  defaults: {
    VDialog: {
      retainFocus: false,
    },
  },
  theme: {
    defaultTheme: 'light',
    themes: {
      light: {
        dark: false,
        colors: {
          primary: '#8483e8',
          secondary: '#50a5de',
          background: '#f7f7f8',
          surface: '#ffffff',
          info: '#50cddf',
          success: '#5dbe50',
          warning: '#f5e130',
          error: '#de504f',
          text: '#1d1d20',
          subtext: '#92939e',

          // --
          // TEXT
          shark_050: '#f7f7f8',
          shark_200: '#d9d9de',
          shark_300: '#B9BAC0',
          shark_400: '#92939e',
          shark_600: '#5e5e6b',
          shark_950: '#1d1d20',

          // PRIMARY
          minsk_050: '#eff3fe',
          minsk_100: '#e1eafe',
          minsk_200: '#c9d7fc',
          minsk_300: '#A8BCF9',
          minsk_500: '#6875ec',
          minsk_900: '#2e3176',
          minsk_950: '#1d1d49',

          // SECONDARY
          picton_050: '#f2f8fd',
          picton_200: '#c3def4',
          picton_400: '#50a5de',
          picton_500: '#2b8bcc',

          // SUCCESS
          malachite_050: '#f2fdf0',
          malachite_200: '#c1f7bb',
          malachite_500: '#2fc423',
          malachite_600: '#21a217',
          malachite_700: '#1D7F16',
          malachite_900: '#175314',

          // INFO
          viking_050: '#eefcfd',
          viking_200: '#aeedf3',
          viking_500: '#1ba9bf',
          viking_600: '#1988a1',
          viking_900: '#1e4b5b',

          // WARNING
          lightning_050: '#FFFEE7',
          lightning_200: '#FFF686',
          lightning_400: '#f5e12f',
          lightning_500: '#e4c50e',
          lightning_600: '#D19100',
          lightning_700: '#A66702',
          lightning_800: '#89500a',
          lightning_900: '#402608',

          // DANGER
          amaranth_050: '#fdf4f3',
          amaranth_200: '#f8d3d4',
          amaranth_500: '#dc4756',
          amaranth_600: '#ca344a',
          amaranth_700: '#aa263d',
          amaranth_900: '#7a2136',

          //SURFACES
          white: '#ffffff',
          neutral: '#F7F7F8',
          dark: '#14141A',
        },
      },
      dark: {
        dark: true,
        colors: {
          primary: '#5e5cbd',
          secondary: '#50a5de',
          background: '#2d2d2f',
          surface: '#1d1d1f',
          info: '#189fb2',
          success: '#1cc60d',
          warning: '#f58e2f',
          error: '#b11717',
          text: '#f7f7f8',
          subtext: '#b9bac0',

          // --
          // TEXT
          shark_050: '#f7f7f8',
          shark_200: '#d9d9de',
          shark_300: '#B9BAC0',
          shark_400: '#92939e',
          shark_600: '#5e5e6b',
          shark_950: '#1d1d20',

          // PRIMARY
          minsk_050: '#eff3fe',
          minsk_100: '#e1eafe',
          minsk_200: '#c9d7fc',
          minsk_300: '#A8BCF9',
          minsk_500: '#6875ec',
          minsk_900: '#2e3176',
          minsk_950: '#1d1d49',

          // SECONDARY
          picton_050: '#f2f8fd',
          picton_200: '#c3def4',
          picton_400: '#50a5de',
          picton_500: '#2b8bcc',

          // SUCCESS
          malachite_050: '#f2fdf0',
          malachite_200: '#c1f7bb',
          malachite_500: '#2fc423',
          malachite_600: '#21a217',
          malachite_700: '#1D7F16',
          malachite_900: '#175314',

          // INFO
          viking_050: '#eefcfd',
          viking_200: '#aeedf3',
          viking_500: '#1ba9bf',
          viking_600: '#1988a1',
          viking_900: '#1e4b5b',

          // WARNING
          lightning_050: '#FFFEE7',
          lightning_200: '#FFF686',
          lightning_400: '#f5e12f',
          lightning_500: '#e4c50e',
          lightning_800: '#89500a',
          lightning_900: '#402608',

          // DANGER
          amaranth_050: '#fdf4f3',
          amaranth_200: '#f8d3d4',
          amaranth_500: '#dc4756',
          amaranth_600: '#ca344a',
          amaranth_700: '#aa263d',

          //SURFACES
          white: '#ffffff',
          neutral: '#F7F7F8',
          dark: '#14141A',
        },
      },
    },
  },
  icons: {
    defaultSet: 'outlined',
    aliases,
    sets: { outlined, filled },
  },
});