import "@mdi/font/css/materialdesignicons.css";
import "vuetify/styles";

import { createVuetify } from "vuetify";
import * as components from "vuetify/components";
import * as directives from "vuetify/directives";
import { VDataTable } from "vuetify/labs/VDataTable";

const vuetify = createVuetify({
  components: {
    ...components,
    VDataTable,
  },
  directives,
  theme: {
    defaultTheme: "dark",
    themes: {
      dark: {
        dark: true,
        colors: {
          primary: "#7de3c8",
          secondary: "#14A1B8",
          info: "#7de3c8",
          warning: "#FFCC00",
          link: "#5695ff",
        },
      },
      light: {
        dark: false,
        colors: {
          primary: "#1AA18F",
          info: "#1AA18F",
          secondary: "#14A1B8",
        },
      },
    },
  },
});

export default vuetify;