Créateur de thème
Deux couleurs, un thème complet. Tons de texte, bordures, panneaux, une rampe d'accent en 23 paliers, et une forme claire et une forme sombre qui s'accordent. Chaque paire est vérifiée au contraste pendant que vous tapez, et l'export est écrit pour qu'un modèle puisse l'appliquer sans deviner.
12 MODÈLES POUR DÉMARRER · SANS COMPTE · RIEN N'EST ENVOYÉ
Collez ça dans Claude, ChatGPT ou l'assistant de votre éditeur. Le texte nomme chaque rôle et imprime le contraste auquel chaque paire a été vérifiée, pour que le modèle sache quelle couleur est permise où plutôt que de deviner à partir de douze valeurs hexadécimales. Il est en anglais à dessein : les noms de rôles sont des jetons de code, pas de la prose.
Comment s'en servir
-
Choisissez un fond et un accent. L'autre mode est dérivé pendant que vous tapez, vous avez donc toujours une forme claire et une forme sombre.
-
Surveillez les quatre rapports de contraste. Tout ce qui passe sous AA est signalé avant que vous le livriez, pas après.
-
Appliquez-le à ce site si vous voulez y vivre une minute. Toutes les pages suivent, et ça survit à un rechargement.
-
Copiez l'export. Le premier onglet est écrit pour un modèle, les deux autres sont du JSON et des propriétés personnalisées CSS.
FAQ
Que veut dire « réutilisable par une IA » ici ?
Le premier export est écrit comme des instructions plutôt que comme une liste de couleurs. Il nomme chaque rôle, imprime le rapport de contraste auquel chaque paire a été vérifiée, et finit par les règles faciles à rater, comme ne jamais poser une couleur de texte sur un aplat d'accent. Un modèle peut l'appliquer à un projet sans question de relance. Le texte est en anglais : il nomme des jetons du code, qui n'existent qu'en anglais.
Je n'ai choisi que deux couleurs. D'où vient le reste ?
Le reste est dérivé. Chaque ton de texte est le fond mélangé vers son opposé d'une quantité fixe, chaque filet est un alpha constant, et la rampe d'accent est votre accent à vingt-trois alphas. Ces quantités ont été mesurées sur le design de miniHabits : un thème construit ici est donc construit de la même façon que les douze thèmes livrés.
Pourquoi vérifier le contraste ?
Parce que deux couleurs qui vont bien ensemble sont souvent illisibles, et une palette générée est précisément l'endroit où ça passe inaperçu. Les quatre rapports se mettent à jour pendant que vous tapez. Les tons les plus pâles sont délibérément sous 4,5:1 et sont destinés aux métadonnées, ce que l'export précise.
Appliquer un thème envoie-t-il quelque chose quelque part ?
Non. Il est gardé dans votre navigateur sous ih-custom, au même endroit où les douze thèmes gardent leur nom. Pas de compte et rien n'est envoyé. Effacer les données du site le supprime.
Puis-je mettre ce thème dans l'app ?
Pas encore. L'app livre 23 thèmes à elle et ne lit pas un thème venu de l'extérieur. L'export JSON est le format qui serait importé le jour où elle le fera.
L'app en livre 23.
miniHabits est un tracker d'habitudes construit comme un outil de dev : cinq modes de suivi, une heatmap, et des boucliers de série pour qu'un jour manqué ne remette pas la chaîne à zéro. Gratuit jusqu'à 10 habitudes.