Files
sk_fems_ui/plugins/vuetify.js
2025-07-29 10:51:49 +09:00

83 lines
2.2 KiB
JavaScript

import colors from 'vuetify/es5/util/colors';
import Depth3rdBulletDark from '~/components/icons/Depth3rdBulletDark';
import icoDarkDashCharge from '~/components/icons/icoDarkDashCharge';
import icoDarkDashChargeWidget from '~/components/icons/icoDarkDashChargeWidget';
import icoDarkDashPeak from '~/components/icons/icoDarkDashPeak';
import icoDarkDashPeakWidget from '~/components/icons/icoDarkDashPeakWidget';
import icoCalendar from '~/components/icons/icoCalendar';
import icoAdminMenu from '~/components/icons/icoAdminMenu';
import icoBulletPoint from '~/components/icons/icoBulletPoint';
import icoChevronDown from '~/components/icons/icoChevronDown';
import icoSearch from '~/components/icons/icoSearch';
import icoSend from '~/components/icons/icoSend';
import icoExpandAlt from '~/components/icons/icoExpandAlt';
import '@mdi/font/css/materialdesignicons.css'; // Ensure you are using css-loader
import 'material-design-icons-iconfont/dist/material-design-icons.css';
import Vue from 'vue';
import Vuetify from 'vuetify/lib';
Vue.use(Vuetify);
export default new Vuetify({
theme: {
dark: true,
themes: {
dark: {
primary: '#1668DC',
accent: colors.grey.darken3,
secondary: colors.amber.darken3,
info: colors.teal.lighten1,
warning: colors.amber.base,
error: colors.deepOrange.accent4,
success: colors.green.accent3,
},
light: {
primary: '#1677FF',
},
},
},
icons: {
iconfont: 'md', // default - only for display purposes
values: {
depth3rdBulletDark: {
component: Depth3rdBulletDark,
},
darkDashCharge: {
component: icoDarkDashCharge,
},
darkDashPeak: {
component: icoDarkDashPeak,
},
icoCalendar: {
component: icoCalendar,
},
icoAdminMenu: {
component: icoAdminMenu,
},
darkDashPeakWidget: {
component: icoDarkDashPeakWidget,
},
darkDashChargeWidget: {
component: icoDarkDashChargeWidget,
},
icoBulletPoint: {
component: icoBulletPoint,
},
icoChevronDown: {
component: icoChevronDown,
},
icoSearch: {
component: icoSearch,
},
icoSend: {
component: icoSend,
},
icoExpandAlt: {
component: icoExpandAlt,
},
},
},
});