Du thème de base à votre propre palette
- 01
Choisir un thème de base
Choisissez un thème compatible disposant de toutes les données de couleur. La page indique séparément le nombre de thèmes compatibles et le nombre total de thèmes publiés.
- 02
Choisir un rôle et modifier sa couleur
Sélectionnez une couleur de fond, de texte, d’accent ou d’état et modifiez sa valeur hexadécimale. Réglez les modes clair et sombre séparément, puis examinez le texte, le code et les commandes dans l’aperçu de conversation affiché à côté.
- 03
Comparer et vérifier
Comparez avec le thème d’origine et vérifiez le rapport de contraste le plus faible entre le texte et les différents fonds de l’aperçu. Le texte courant nécessite au moins 4,5:1. Après la modification, vérifiez aussi le focus et la navigation au clavier dans l’interface réelle.
- 04
Exporter et créer un thème
Téléchargez le CSS ou le JSON contenant les deux modes. Le JSON exporté peut être réimporté. Copiez les instructions pour demander à un Agent de créer, d’installer et de tester un thème distinct à partir de cette palette.
Exemple : un espace de travail de lecture plus calme
Partez d’un thème qui vous plaît, donnez au fond de lecture une teinte neutre légèrement plus chaude, puis vérifiez que le texte secondaire reste lisible. Choisissez une couleur d’accent qui distingue clairement les boutons principaux et les états sélectionnés. Ajustez le mode sombre séparément : inverser simplement les couleurs du mode clair peut rendre les avertissements ou le code difficiles à lire.
Créez un thème DSH distinct à partir du JSON exporté de Token Lab, pour la version 0.1.3-alpha.1 et le commit source d347e703908d0406b7a7ef80e3a0e594d86b2215. Conservez les 13 tokens sémantiques dans les modes clair et sombre. Vérifiez le contraste du texte, construisez le thème et testez la barre latérale, les messages, le code, les menus et les champs de saisie dans Harness. Fournissez les étapes d’installation, de redémarrage, de changement de thème et de restauration. Ne déclarez pas le thème vérifié avant de l’avoir réellement testé.Continuer
Questions fréquentes
Avant de faire un changement
Réponses sur les formats, la compatibilité, les preuves et le retour en arrière.
Que vérifie ce guide ?
Ce guide couvre : Édition complète des modes clair et sombre ; Vérification du contraste du texte ; Export CSS, JSON et instructions pour un Agent
Par quoi dois-je commencer ?
Vous n’avez pas à concevoir une palette de zéro. Token Lab permet d’ajuster les couleurs d’un thème existant une par une et de voir immédiatement le résultat dans un aperçu de conversation.
Quelle limite faut-il surtout retenir ?
Token Lab modifie un brouillon de palette, sans changer immédiatement le thème installé. Il faut créer le thème pour 0.1.3-alpha.1, puis vérifier la barre latérale, les messages, le code, les menus, les champs de saisie, le changement de thème et la restauration dans l’interface réelle. Le brouillon est conservé temporairement dans l’onglet actuel du navigateur ; exportez le JSON pour en garder une copie durable.
L’export CSS installe-t-il le thème ?
Non. CSS et JSON sont des fichiers de palette. Utilisez les instructions pour l’Agent afin de créer un paquet distinct, puis installez-le et vérifiez son effet sur l’interface réelle.
Puis-je publier dès que le contraste est validé ?
Le contraste ne vérifie qu’une partie de la palette. Il faut aussi vérifier l’interface réelle, le focus au clavier, les différentes tailles d’écran et le comportement à l’exécution.
Continuer à apprendre
Continuer à partir des preuves vérifiées
Comparez les artefacts publiés ou revenez à la documentation d'installation.