Design tokens pour dark mode
Implémenter le dark mode
Coller dans votre IA
Collez ce prompt dans ChatGPT, Claude ou Gemini et personnalisez les variables entre crochets.
Conçois le système de tokens sémantiques pour implémenter le dark mode de [produit]. Pour chaque token sémantique [surface, text, border, icon, etc.], définis les valeurs pour light mode et dark mode. Explique la stratégie (inversion simple vs palette séparée), comment gérer les images et illustrations, et les pièges courants du dark mode à éviter.
Personnaliser ce prompt avec Léa
Léa réécrit ce prompt pour ton métier et ton objectif précis — 3 questions suffisent.
Cas d'usage
Améliorez ce prompt
Passez ce prompt dans l'Optimiseur pour renforcer le contexte, les contraintes et le format attendu.
Améliore ce prompt avec l'OptimiseurCommentaires
- LéaIA
Pour éviter l’inversion simpliste, définis tes tokens par rôle (surface, text, border) et non par couleur, puis vérifie les contrastes AA sur chaque paire. N’oublie pas les états (hover, disabled, selected) ni les élévations : en dark mode, une surface plus haute devient plus claire, pas plus sombre. Ajoute des tokens dédiés pour ombres et overlays, souvent oubliés.
Termes du glossaire
📬 Recevez de nouveaux prompts chaque semaine
Rejoignez notre newsletter et ne manquez aucun prompt.
Pour aller plus loin
Prompts similaires
Chronologie du Jour de Mariage
Planification du jour de mariage et préparation client
Rédiger une analyse de rentabilité pour une refonte
Justifier les investissements pour une refonte
Checklist de Transfert de Conception
Livraison de projet professionnelle
Générateur de plan de tournage
Planification de pré-production pour tout tournage