Colores y Temas

Un desarrollador actualiza el design system y modifica la variable --brand-primary para corregir un contraste en el footer. Efecto colateral: el color de todos los botones, enlaces y encabezados del sitio pasa de un azul oscuro a un azul deslavado. El botón "Agregar al carrito" casi se confunde con el fondo blanco — los visitantes ya no lo distinguen a primera vista. QA revisó el footer (la zona modificada), no las otras 40 páginas que usan esa misma variable. Delta-QA compara las capturas antes/después y resalta el cambio de tono en cada elemento afectado, en todas las páginas.

Un desarrollador agrega un nuevo bloque de testimonios de clientes. En modo claro, todo se ve perfecto. Pero en dark mode, el bloque mantiene fondo blanco y texto negro — un rectángulo deslumbrante en medio de una página oscura. Tus visitantes nocturnos reciben un fogonazo en los ojos. Revisar manualmente cada componente en cada tema es irreal cuando tienes 30 componentes y 2 temas. Delta-QA captura el sitio en modo oscuro y compara con la referencia: el rectángulo blanco del componente olvidado salta a la vista de inmediato en el diff.

Durante una actualización del framework CSS, se renombra una clase de degradado. El build pasa sin errores, pero el degradado de la página de inicio desaparece — reemplazado por un fondo blanco plano. La página pierde profundidad e identidad de marca, parece una plantilla por defecto. Era una actualización menor del framework, nadie pensó en retestear visualmente la homepage. Delta-QA compara las capturas y detecta la desaparición del degradado — toda la zona que pasa de colorida a blanca resalta claramente en el diff.