app/plugins/vuetify.ts

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'

const lightTheme = {
    dark: false,
    colors: {
        /**
         * @see Cf. doc/colors.md pour le rôle de chaque couleur
         */
        // Global
        'primary': '#00ad8e',
        'n-primary': '#ffffff',

        'primary-alt': '#a9e0d6',
        'n-primary-alt': '#777777',

        'secondary': '#324150',
        'n-secondary': '#f5f5f5',

        'secondary-alt': '#2c3a48',
        'n-secondary-alt': '#ffffff',

        'neutral-strong': '#777777',
        'n-neutral-strong': '#ecf0f5',

        'neutral': '#f5f5f5',
        'n-neutral': '#777777',

        'neutral-soft': '#ecf0f5',
        'n-neutral-soft': '#464646',

        // Content
        'danger': '#f56954',
        'n-danger': '#ffffff',

        'success': '#00a65a',
        'n-success': '#ffffff',

        'warning': '#f39c12',
        'n-warning': '#ffffff',

        'info': '#3c8dbc',
        'n-info': '#ffffff',

        // Special cases
        // TODO: voir ceux dont on peut se passer
        'x-create-btn': '#f39c12',
        'n-x-create-btn': '#ffffff',
    }
}

const darkTheme = {
    dark: true,
    colors: {
        /**
         * @see Cf. doc/colors.md pour le rôle de chaque couleur
         */
        // Global
        'primary': '#00ad8e',
        'n-primary': '#ffffff',

        'primary-alt': '#a9e0d6',
        'n-primary-alt': '#777777',

        'secondary': '#324150',
        'n-secondary': '#f5f5f5',

        'secondary-alt': '#2c3a48',
        'n-secondary-alt': '#ffffff',

        'neutral-strong': '#595959',
        'n-neutral-strong': '#ecf0f5',

        'neutral': '#777777',
        'n-neutral': '#f5f5f5',

        'neutral-soft': '#090c11',
        'n-neutral-soft': '#cccccc',

        // Content
        'danger': '#f56954',
        'n-danger': '#ffffff',

        'success': '#00a65a',
        'n-success': '#ffffff',

        'warning': '#f39c12',
        'n-warning': '#ffffff',

        'info': '#3c8dbc',
        'n-info': '#ffffff',

        // Special cases
        // TODO: voir ceux dont on peut se passer
        'x-create-btn': '#f39c12',
        'n-x-create-btn': '#ffffff',
    }
}



export default defineNuxtPlugin(nuxtApp => {
    const vuetify = createVuetify({
        ssr: true,
        locale: {
            locale: 'fr',
            messages: { fr }
        },
        theme: {
            defaultTheme: 'light',
            themes: {
                light: lightTheme,
                dark: darkTheme
            },
        },
        icons: {
            defaultSet: 'fa',
            aliases,
            sets: {
                fa,
                mdi
            }
        },
    })
    nuxtApp.vueApp.use(vuetify)
})