Démonstration des Couleurs
Mode actuel : ☀️ Clair
Cliquez sur le bouton ci-dessus pour basculer entre les modes
Background Principal
☀️ Mode Clair
bg-gradient-to-br from-blue-50 via-white to-purple-50
Dégradé bleu-blanc-violet
🌙 Mode Sombre
bg-gray-900
Gris foncé uni
Texte Principal
☀️ Mode Clair
text-gray-800
Gris foncé
🌙 Mode Sombre
text-white
Blanc
Texte Secondaire
☀️ Mode Clair
text-gray-600
Gris moyen
🌙 Mode Sombre
text-gray-300
Gris clair
Cartes/Formulaires
☀️ Mode Clair
bg-white/80 border-white/20
Blanc transparent avec bordure claire
🌙 Mode Sombre
bg-gray-800 border-gray-700
Gris foncé avec bordure grise
Boutons Primaires
☀️ Mode Clair
bg-gradient-to-r from-blue-500 to-purple-600
Dégradé bleu-violet
🌙 Mode Sombre
bg-gradient-to-r from-blue-600 to-purple-700
Dégradé bleu-violet plus foncé
Alertes d'erreur
☀️ Mode Clair
bg-red-50 text-red-700 border-red-200
Rouge clair avec texte rouge foncé
🌙 Mode Sombre
bg-red-900/20 text-red-300 border-red-800
Rouge foncé transparent avec texte rouge clair
💡 Instructions :
- • Utilisez le bouton de basculement pour voir les différences
- • Chaque section montre les couleurs des deux modes
- • Les bordures colorées indiquent le mode actuel
- • Les classes CSS sont affichées pour référence