Aide-memoire Tailwind color classes pour developpeurs
Les utilitaires couleur Tailwind sont rapides quand la palette reste coherente. Combinez surfaces neutres, action principale et couleurs semantiques.
Patterns Tailwind utiles
<button class="bg-blue-600 text-white hover:bg-blue-700">
Save changes
</button>
<div class="border border-slate-200 bg-white text-slate-900">
Panel content
</div>
<div class="dark:bg-zinc-950 dark:text-zinc-100">
Dark mode area
</div>Checklist developpeur
- Utilisez une teinte principale pour les actions.
- Utilisez des neutres pour layout et bordures.
- Gardez rouge, ambre et vert pour les vrais etats.