Comparar modos claro y oscuro

Utilice el mismo marco de comparación

1. 01

   Seleccione un conjunto pequeño

   Abra la Galería con el filtro Tema, luego use la búsqueda, los números de catálogo y las categorías para mantener una pequeña lista de reseñas.

2. 02

   Cambiar cada vista previa verificada

   Alterna cada tarjeta de la Galería entre claro y oscuro sin cambiar los criterios de evaluación.

3. 03

   Traza diferencias hasta tokens

   Abra el detalle de la versión y Token Lab para distinguir un cambio semántico deliberado de un recorte de vista previa favorable.

4. 04

   Lista corta antes de instalar

   Trate la comparación como una ayuda para la selección. La instalación aún requiere verificación de artefactos específicos de la versión.

Revisar roles de interfaz, no muestras aisladas

• Lea etiquetas primarias y secundarias sobre fondos base, elevados y superpuestos.
• Comprobar que los bordes separan superficies adyacentes sin convertirse en el elemento más fuerte.
• Mantenga distinguibles los roles de marca, error, éxito y advertencia en ambos modos.
• Inspeccione la barra lateral frente al lienzo de contenido y las tarjetas en relieve.
• Para apariencias completas, verifique que la captura de pantalla en tiempo de ejecución muestre el CSS final generado y los recursos del mismo origen, no una simulación de Studio.

Consulta una sesión de lectura real

Obtenga una vista previa de la misma conversación, bloque de código, menú y entrada en ambos modos. Verifique el texto seleccionado, las etiquetas secundarias, las advertencias y el foco del teclado en lugar de juzgar solo el fondo grande.

Compara esta paleta de claros y oscuros usando una larga conversación y un bloque de código. Identifique textos difíciles de leer y estados de enfoque poco claros y luego proponga ajustes de color específicos.