Cores e Temas

Um desenvolvedor atualiza o design system e altera a variavel --brand-primary para corrigir um contraste no footer. Efeito colateral: a cor de todos os botoes, links e cabecalhos do site muda de um azul escuro para um azul desbotado. O botao "Adicionar ao carrinho" quase se confunde com o fundo branco — os visitantes nao o percebem mais de primeira. O QA verificou o footer (a area modificada), nao as outras 40 paginas que usam essa mesma variavel. Delta-QA compara as capturas antes/depois e destaca a mudanca de tom em cada elemento afetado, em todas as paginas.

Um desenvolvedor adiciona um novo bloco de depoimentos de clientes. No modo claro, tudo fica perfeito. Mas no dark mode, o bloco mantem fundo branco e texto preto — um retangulo ofuscante no meio de uma pagina escura. Seus visitantes noturnos levam um flash nos olhos. Verificar manualmente cada componente em cada tema e irreal quando voce tem 30 componentes e 2 temas. Delta-QA captura o site em modo escuro e compara com a referencia: o retangulo branco do componente esquecido salta a vista imediatamente no diff.

Durante uma atualizacao do framework CSS, uma classe de degrade e renomeada. O build passa sem erros, mas o degrade da pagina inicial desaparece — substituido por um fundo branco liso. A pagina perde profundidade e identidade de marca, parece um template padrao. Era uma atualizacao menor do framework, ninguem pensou em retestar visualmente a homepage. Delta-QA compara as capturas e detecta o desaparecimento do degrade — toda a area que passa de colorida a branca se destaca claramente no diff.