initial commit

resources/js/plugins/vuetify/defaults.js

@@ -0,0 +1,132 @@
+export default {
+  IconBtn: {
+    icon: true,
+    size: 'small',
+    color: 'default',
+    variant: 'text',
+    VIcon: {
+      size: 24,
+    },
+  },
+  VAlert: {
+    density: 'comfortable',
+    VBtn: {
+      color: undefined,
+    },
+  },
+  VAvatar: {
+    // ℹ️ Remove after next release
+    variant: 'flat',
+  },
+  VBadge: {
+    // set v-badge default color to primary
+    color: 'primary',
+  },
+  VBtn: {
+    // set v-btn default color to primary
+    color: 'primary',
+  },
+  VChip: {
+    elevation: 0,
+    density: 'comfortable',
+  },
+  VList: {
+    VListItem: {
+      color: 'primary',
+    },
+  },
+  VPagination: {
+    density: 'compact',
+  },
+  VTabs: {
+    // set v-tabs default color to primary
+    color: 'primary',
+    VSlideGroup: {
+      showArrows: true,
+    },
+  },
+  VTooltip: {
+    // set v-tooltip default location to top
+    location: 'top',
+  },
+  VCheckboxBtn: {
+    color: 'primary',
+  },
+  VCheckbox: {
+    // set v-checkbox default color to primary
+    color: 'primary',
+    density: 'comfortable',
+    hideDetails: 'auto',
+  },
+  VRadioGroup: {
+    color: 'primary',
+    density: 'comfortable',
+    hideDetails: 'auto',
+  },
+  VRadio: {
+    density: 'comfortable',
+    hideDetails: 'auto',
+  },
+  VSelect: {
+    variant: 'outlined',
+    color: 'primary',
+    hideDetails: 'auto',
+  },
+  VRangeSlider: {
+    // set v-range-slider default color to primary
+    thumbSize: 14,
+    color: 'primary',
+    density: 'comfortable',
+    thumbLabel: true,
+    hideDetails: 'auto',
+  },
+  VRating: {
+    // set v-rating default color to primary
+    color: 'rgba(var(--v-theme-on-background),0.22)',
+    activeColor: 'warning',
+  },
+  VProgressCircular: {
+    // set v-progress-circular default color to primary
+    color: 'primary',
+  },
+  VSlider: {
+    // set v-slider default color to primary
+    thumbSize: 14,
+    color: 'primary',
+    hideDetails: 'auto',
+  },
+  VTextField: {
+    variant: 'outlined',
+    color: 'primary',
+    hideDetails: 'auto',
+  },
+  VAutocomplete: {
+    variant: 'outlined',
+    color: 'primary',
+    hideDetails: 'auto',
+    VChip: {
+      density: 'default',
+    },
+  },
+  VCombobox: {
+    variant: 'outlined',
+    color: 'primary',
+    hideDetails: 'auto',
+  },
+  VFileInput: {
+    variant: 'outlined',
+    color: 'primary',
+    hideDetails: 'auto',
+  },
+  VTextarea: {
+    variant: 'outlined',
+    density: 'comfortable',
+    color: 'primary',
+    hideDetails: 'auto',
+  },
+  VSwitch: {
+    // set v-switch default color to primary
+    color: 'primary',
+    hideDetails: 'auto',
+  },
+}

resources/js/plugins/vuetify/icons.js

@@ -0,0 +1,51 @@
+import { Icon } from '@iconify/vue'
+
+const aliases = {
+  collapse: 'bx-chevron-up',
+  complete: 'bx-check',
+  cancel: 'bx-x',
+  close: 'bx-x',
+  delete: 'bxs-x-circle',
+  clear: 'bx-x',
+  success: 'bx-check-circle',
+  info: 'bx-info-circle',
+  warning: 'bx-info-circle',
+  error: 'bx-x',
+  prev: 'bx-chevron-left',
+  next: 'bx-chevron-right',
+  checkboxOn: 'custom-checked-checkbox',
+  checkboxOff: 'custom-unchecked-checkbox',
+  checkboxIndeterminate: 'custom-indeterminate-checkbox',
+  delimiter: 'bx-circle',
+  sort: 'bx-up-arrow-alt',
+  expand: 'bx-chevron-down',
+  menu: 'bx-menu',
+  subgroup: 'bx-caret-down',
+  dropdown: 'bx-chevron-down',
+  radioOn: 'custom-checked-radio',
+  radioOff: 'custom-unchecked-radio',
+  edit: 'bx-pencil',
+  ratingEmpty: 'bx-star',
+  ratingFull: 'bxs-star',
+  ratingHalf: 'bxs-star-half',
+  loading: 'bx-refresh',
+  first: 'bx-skip-previous-circle',
+  last: 'bx-skip-next-circle',
+  unfold: 'bx-expand-vertical',
+  file: 'bx-paperclip',
+  plus: 'bx-plus',
+  minus: 'bx-minus',
+  sortAsc: 'bx-sort-up',
+  sortDesc: 'bx-sort-down',
+}
+
+export const iconify = {
+  component: props => h(Icon, props),
+}
+export const icons = {
+  defaultSet: 'iconify',
+  aliases,
+  sets: {
+    iconify,
+  },
+}

resources/js/plugins/vuetify/index.js

@@ -0,0 +1,18 @@
+import { createVuetify } from 'vuetify'
+import { VBtn } from 'vuetify/components/VBtn'
+import defaults from './defaults'
+import { icons } from './icons'
+import theme from './theme'
+
+// Styles
+import '@core-scss/template/libs/vuetify/index.scss'
+import 'vuetify/styles'
+
+export default createVuetify({
+  aliases: {
+    IconBtn: VBtn,
+  },
+  defaults,
+  icons,
+  theme,
+})

resources/js/plugins/vuetify/theme.js

@@ -0,0 +1,109 @@
+export const staticPrimaryColor = '#696CFF'
+
+const theme = {
+  defaultTheme: 'light',
+  themes: {
+    light: {
+      dark: false,
+      colors: {
+        'primary': '#696CFF',
+        'on-primary': '#fff',
+        'secondary': '#8592A3',
+        'on-secondary': '#fff',
+        'success': '#71DD37',
+        'on-success': '#fff',
+        'info': '#03C3EC',
+        'on-info': '#fff',
+        'warning': '#FFAB00',
+        'on-warning': '#fff',
+        'error': '#FF3E1D',
+        'background': '#F5F5F9',
+        'on-background': '#32475C',
+        'on-surface': '#32475C',
+        'grey-50': '#FAFAFA',
+        'grey-100': '#EBEEF0',
+        'grey-200': '#EEEEEE',
+        'grey-300': '#E0E0E0',
+        'grey-400': '#BDBDBD',
+        'grey-500': '#9E9E9E',
+        'grey-600': '#757575',
+        'grey-700': '#616161',
+        'grey-800': '#424242',
+        'grey-900': '#212121',
+        'perfect-scrollbar-thumb': '#DBDADE',
+        'skin-bordered-background': '#fff',
+          'skin-bordered-surface': '#fff',
+          'yellow': '#E0F0E3',
+          'yellow-theme-button': '#212121',
+        'footer': '#212121'
+      },
+      variables: {
+        'code-color': '#d400ff',
+        'overlay-scrim-background': '#32475C',
+        'overlay-scrim-opacity': 0.5,
+        'border-color': '#32475C',
+        'snackbar-background': '#32475C',
+        'snackbar-color': '#ffffff',
+        'tooltip-background': '#262732',
+        'tooltip-opacity': 0.9,
+        'table-header-background': '#F5F5F7',
+
+        // Shadows
+        'shadow-key-umbra-opacity': 'rgba(var(--v-theme-on-surface), 0.06)',
+        'shadow-key-penumbra-opacity': 'rgba(var(--v-theme-on-surface), 0.04)',
+        'shadow-key-ambient-opacity': 'rgba(var(--v-theme-on-surface), 0.02)',
+      },
+    },
+    dark: {
+      dark: true,
+      colors: {
+        'primary': '#696CFF',
+        'on-primary': '#fff',
+        'secondary': '#8592A3',
+        'on-secondary': '#fff',
+        'success': '#71DD37',
+        'on-success': '#fff',
+        'info': '#03C3EC',
+        'on-info': '#fff',
+        'warning': '#FFAB00',
+        'on-warning': '#fff',
+        'error': '#FF3E1D',
+        'background': '#232333',
+        'on-background': '#DBDBEB',
+        'surface': '#2B2C40',
+        'on-surface': '#DBDBEB',
+        'grey-50': '#2A2E42',
+        'grey-100': '#444463',
+        'grey-200': '#4A5072',
+        'grey-300': '#5E6692',
+        'grey-400': '#7983BB',
+        'grey-500': '#8692D0',
+        'grey-600': '#AAB3DE',
+        'grey-700': '#B6BEE3',
+        'grey-800': '#CFD3EC',
+        'grey-900': '#E7E9F6',
+        'perfect-scrollbar-thumb': '#4A5072',
+        'skin-bordered-background': '#2b2c40',
+        'skin-bordered-surface': '#2b2c40',
+      },
+      variables: {
+        'code-color': '#d400ff',
+        'overlay-scrim-background': '#0D0E24',
+        'overlay-scrim-opacity': 0.6,
+        'border-color': '#DBDBEB',
+        'snackbar-background': '#DBDBEB',
+        'snackbar-color': '#2B2C40',
+        'tooltip-background': '#464A65',
+        'tooltip-opacity': 0.9,
+        'table-header-background': '#3A3E5B',
+
+        // Shadows
+        'shadow-key-umbra-opacity': 'rgba(20, 21, 33, 0.06)',
+        'shadow-key-penumbra-opacity': 'rgba(20, 21, 33, 0.04)',
+        'shadow-key-ambient-opacity': 'rgba(20, 21, 33, 0.02)',
+      },
+    },
+  },
+}
+
+export default theme