79 lines
2.6 KiB
JavaScript
Executable File
79 lines
2.6 KiB
JavaScript
Executable File
/** @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: [],
|
|
}
|