Comparer les modes clair et sombre

Utilisez la même trame de comparaison

1. 01

   Sélectionnez un petit ensemble

   Ouvrez la Galerie avec le filtre Thème, puis utilisez la recherche, les numéros de catalogue et les catégories pour maintenir une courte liste de révision.

2. 02

   Changez chaque aperçu vérifié

   Basculez chaque carte de la Galerie entre light et dark sans changer les critères d'évaluation.

3. 03

   Retracez les différences jusqu'aux jetons

   Ouvrez le détail de la version et Token Lab pour distinguer un changement sémantique délibéré d'un recadrage favorable de l'aperçu.

4. 04

   Établissez une liste restreinte avant l'installation

   Traitez la comparaison comme une aide à la sélection. L'installation exige toujours une vérification de l'artefact propre à la version.

Examinez les rôles de l'interface, pas des échantillons isolés

• Lisez les étiquettes primaires et secondaires sur les fonds de base, surélevés et superposés.
• Vérifiez que les bordures séparent les surfaces adjacentes sans devenir l'élément le plus fort.
• Maintenez les rôles de marque, erreur, succès et avertissement distincts dans les deux modes.
• Inspectez la barre latérale par rapport à la zone de contenu et aux cartes surélevées.
• Pour un Full Skin, vérifiez que la capture d'écran d'exécution montre le CSS final généré et les ressources de même origine, et non une simulation Studio.

Vérifier une séance de lecture réelle

Prévisualisez la même conversation, le même bloc de code, le même menu et la même entrée dans les deux modes. Vérifiez le texte sélectionné, les étiquettes secondaires, les avertissements et le focus du clavier plutôt que de juger uniquement le grand arrière-plan.

Comparez cette palette en clair et en sombre à l'aide d'une longue conversation et d'un bloc de code. Identifiez les textes difficiles à lire et les états de focus clavier peu visibles, puis proposez des ajustements de couleurs spécifiques.