| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 |
- import { createVuetify } from 'vuetify'
- import 'vuetify/styles'
- import { aliases, fa } from 'vuetify/iconsets/fa'
- import { mdi } from 'vuetify/iconsets/mdi'
- import '@fortawesome/fontawesome-free/css/all.css'
- import '@mdi/font/css/materialdesignicons.css'
- import {fr} from 'vuetify/locale'
- export default defineNuxtPlugin(nuxtApp => {
- const vuetify = createVuetify({
- ssr: true,
- locale: {
- locale: 'fr',
- messages: { fr }
- },
- theme: {
- defaultTheme: 'light',
- themes: {
- light: {
- dark: false,
- colors: {
- /**
- * @see Cf. doc/colors.md pour le rôle de chaque couleur
- */
- 'primary': '#00ad8e', // ot-green
- 'primary-alt': '#a9e0d6', // ot-light-green
- 'secondary': '#324150', // ot-dark-grey
- 'secondary-alt': '#2c3a48', // ot-dark-grey-hover
- 'ot-grey': '#777777', // ot-grey
- 'ot-header-menu': '#ECE7E5', // ot-header-menu
- 'ot-light-grey': '#f5f5f5', // ot-light-grey
- 'ot-super-light-grey': '#ecf0f5', // ot-super-light-grey
- 'ot-danger': '#f56954', // ot-danger
- 'ot-success': '#00a65a', // ot-success
- 'ot-warning': '#f39c12', // ot-warning
- 'ot-info': '#3c8dbc', // ot-info
- 'ot-menu-color': '#b8c7ce', // ot-menu-color
- 'ot-content-color': '#ecf0f4', // ot-content-color
- 'ot-border-menu': '#f4f4f4', // ot-border-menu
- 'ot-white': '#ffffff', // ot-white
- 'ot-black': '#000000' // ot-black
- }
- }
- },
- },
- icons: {
- defaultSet: 'fa',
- aliases,
- sets: {
- fa,
- mdi
- }
- },
- })
- nuxtApp.vueApp.use(vuetify)
- })
|