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

// Styles
import "@mdi/font/css/materialdesignicons.css";
import "vuetify/styles";
import { createVueI18nAdapter } from "vuetify/locale/adapters/vue-i18n";
import { useI18n } from "vue-i18n";
import i18n from "@/plugins/i18n";
// Composables
import { createVuetify } from "vuetify";
const myCustomLightTheme = {
  dark: false,
  colors: {
    background: "##FFFFFF    ",
    surface: "#FFFFFF",
    "surface-bright": "#FFFFFF",
    "surface-light": "#EEEEEE",
    "surface-variant": "#424242",
    "on-surface-variant": "#EEEEEE",
    primary: "#2D5284",
    lightPrimary: "#3B6E85",
    secondary: "#7c96ab",
    darkSecondary: "#2E3947",
    lightSecondary: "#c5cbcf",
    accent: "#E8AD0B    ",
    lightAccent: "#9ad0c2",
    lightNeutral: "#f8f4ed",
    light: "#FAF8F6",
    error: "#FF5252",
    info: "#2196F3",
    success: "#1FBD84",
    warning: "#FFC107",
  },
  variables: {
    "border-color": "#000000",
    "border-opacity": 0.12,
    "high-emphasis-opacity": 0.87,
    "medium-emphasis-opacity": 0.6,
    "disabled-opacity": 0.38,
    "idle-opacity": 0.04,
    "hover-opacity": 0.04,
    "focus-opacity": 0.12,
    "selected-opacity": 0.08,
    "activated-opacity": 0.12,
    "pressed-opacity": 0.12,
    "dragged-opacity": 0.08,
    "theme-kbd": "#212529",
    "theme-on-kbd": "#FFFFFF",
    "theme-code": "#F5F5F5",
    "theme-on-code": "#000000",
    "theme-on-accent": "#FFFFFF",
  },
};

export default createVuetify({
  locale: {
    adapter: createVueI18nAdapter({ i18n, useI18n }),
  },
  theme: {
    defaultTheme: "myCustomLightTheme",
    themes: {
      myCustomLightTheme,
    },
  },
});
