vuetify.ts 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. import { createVuetify } from 'vuetify'
  2. import 'vuetify/styles'
  3. import { aliases, fa } from 'vuetify/iconsets/fa'
  4. import { mdi } from 'vuetify/iconsets/mdi'
  5. import '@fortawesome/fontawesome-free/css/all.css'
  6. import '@mdi/font/css/materialdesignicons.css'
  7. import {fr} from 'vuetify/locale'
  8. export default defineNuxtPlugin(nuxtApp => {
  9. const vuetify = createVuetify({
  10. ssr: true,
  11. locale: {
  12. locale: 'fr',
  13. messages: { fr }
  14. },
  15. theme: {
  16. defaultTheme: 'light',
  17. themes: {
  18. light: {
  19. dark: false,
  20. colors: {
  21. /**
  22. * @see Cf. doc/colors.md pour le rôle de chaque couleur
  23. */
  24. 'primary': '#00ad8e', // ot-green
  25. 'primary-alt': '#a9e0d6', // ot-light-green
  26. 'secondary': '#324150', // ot-dark-grey
  27. 'secondary-alt': '#2c3a48', // ot-dark-grey-hover
  28. 'ot-grey': '#777777', // ot-grey
  29. 'ot-header-menu': '#ECE7E5', // ot-header-menu
  30. 'ot-light-grey': '#f5f5f5', // ot-light-grey
  31. 'ot-super-light-grey': '#ecf0f5', // ot-super-light-grey
  32. 'ot-danger': '#f56954', // ot-danger
  33. 'ot-success': '#00a65a', // ot-success
  34. 'ot-warning': '#f39c12', // ot-warning
  35. 'ot-info': '#3c8dbc', // ot-info
  36. 'ot-menu-color': '#b8c7ce', // ot-menu-color
  37. 'ot-content-color': '#ecf0f4', // ot-content-color
  38. 'ot-border-menu': '#f4f4f4', // ot-border-menu
  39. 'ot-white': '#ffffff', // ot-white
  40. 'ot-black': '#000000' // ot-black
  41. }
  42. }
  43. },
  44. },
  45. icons: {
  46. defaultSet: 'fa',
  47. aliases,
  48. sets: {
  49. fa,
  50. mdi
  51. }
  52. },
  53. })
  54. nuxtApp.vueApp.use(vuetify)
  55. })