initial commit - LeDiscord plateforme des copains

frontend/tailwind.config.js

@@ -0,0 +1,78 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./index.html",
+    "./src/**/*.{vue,js,ts,jsx,tsx}",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        // Discord-style color palette
+        primary: {
+          50: '#f5f3ff',   // Violet très pâle
+          100: '#ede9fe',  // Violet pâle
+          200: '#ddd6fe',  // Violet clair
+          300: '#c4b5fd',  // Violet moyen
+          400: '#a78bfa',  // Violet
+          500: '#8b5cf6',  // Violet principal
+          600: '#7c3aed',  // Violet foncé
+          700: '#6d28d9',  // Violet plus foncé
+          800: '#5b21b6',  // Violet très foncé
+          900: '#4c1d95',  // Violet le plus foncé
+        },
+        secondary: {
+          50: '#f8fafc',   // Gris très pâle
+          100: '#f1f5f9',  // Gris pâle
+          200: '#e2e8f0',  // Gris clair
+          300: '#cbd5e1',  // Gris moyen
+          400: '#94a3b8',  // Gris
+          500: '#64748b',  // Gris principal
+          600: '#475569',  // Gris foncé
+          700: '#334155',  // Gris plus foncé
+          800: '#1e293b',  // Gris très foncé
+          900: '#0f172a',  // Gris le plus foncé
+        },
+        accent: {
+          50: '#fef2f2',   // Rouge très pâle
+          100: '#fee2e2',  // Rouge pâle
+          200: '#fecaca',  // Rouge clair
+          300: '#fca5a5',  // Rouge moyen
+          400: '#f87171',  // Rouge
+          500: '#ef4444',  // Rouge principal
+          600: '#dc2626',  // Rouge foncé
+          700: '#b91c1c',  // Rouge plus foncé
+          800: '#991b1b',  // Rouge très foncé
+          900: '#7f1d1d',  // Rouge le plus foncé
+        },
+        success: {
+          50: '#f0fdf4',   // Vert très pâle
+          100: '#dcfce7',  // Vert pâle
+          200: '#bbf7d0',  // Vert clair
+          300: '#86efac',  // Vert moyen
+          400: '#4ade80',  // Vert
+          500: '#22c55e',  // Vert principal
+          600: '#16a34a',  // Vert foncé
+          700: '#15803d',  // Vert plus foncé
+          800: '#166534',  // Vert très foncé
+          900: '#14532d',  // Vert le plus foncé
+        },
+        warning: {
+          50: '#fffbeb',   // Jaune très pâle
+          100: '#fef3c7',  // Jaune pâle
+          200: '#fde68a',  // Jaune clair
+          300: '#fcd34d',  // Jaune moyen
+          400: '#fbbf24',  // Jaune
+          500: '#f59e0b',  // Jaune principal
+          600: '#d97706',  // Jaune foncé
+          700: '#b45309',  // Jaune plus foncé
+          800: '#92400e',  // Jaune très foncé
+          900: '#78350f',  // Jaune le plus foncé
+        }
+      },
+      fontFamily: {
+        sans: ['Inter', 'system-ui', 'sans-serif'],
+      },
+    },
+  },
+  plugins: [],
+}