Acompanhe todas as novidades, melhorias e correções implementadas.
Renderização interativa em tempo real com aplicação de paletas extraídas em 8 componentes reais de UI: Pricing & Checkout, Métricas de Dashboard, Matriz de Botões Interativos, Banners de Alerta com acentos dinâmicos, Controles de Formulário com Focus Glow, Social Profile Card, Abas Segmentadas com Badges e Modal Confirmation Dialog. Inclui alternância Claro/Escuro (Light / Dark mode), ajuste de cantos (4px, 12px, 24px) e exportação de snippets em CSS e Tailwind CSS.
Blindagem e isolamento modular por aba na visão expandida (Studio), garantindo que anomalias em páginas externas nunca interrompam a auditoria de Diagnóstico, Assets Hub, Cores, Gradientes ou Tipografia.
Exibição calibrada do mascote animado durante inspeções e reanálises com sincronização bilíngue instantânea (PT-BR / EN-US).
Motor de auditoria inteligente que calcula o Health Score (Rank A+ a D, 0 a 100) com base em 4 pilares: Consistência Cromática (detecção de cores redundantes com diferença perceptual mínima ΔE), Aderência ao Grid de Espaçamento 4px/8px, Dispersão de Raios de Borda e Disciplina Tipográfica com recomendações práticas.
Extração e categorização profunda de Favicons HD, Banners Open Graph/Twitter Cards e Logotipos da Interface (incluindo SPAs e Dashboards complexos). Ações rápidas para copiar URL direta, copiar código SVG limpo ou baixar o arquivo com 1 clique.
Gerador Canvas HD no estilo Dark Studio com iluminação ambiente (ambient glow). Disponível em 3 formatos: 1:1 Quadrado (Feed/LinkedIn), 16:9 Paisagem (X/Twitter) e 9:16 Stories (Instagram/TikTok), com cartela de cores HEX, tipografia, grid de espaçamento e botão de cópia direta para a área de transferência.
Mapeamento 100% funcional no Mac com ⌥ Option + C (ou Alt + C no Windows) para abrir o Pop-up e ⌃ Control + Shift + C para o Studio Lateral, eliminando o bloqueio de sistema do macOS.
Correção do bug de duplicação de texto e formatação nativa de tags HTML (<strong>, <code>) na janela de Privacidade & Segurança.
Remoção de permissões desnecessárias de anfitrião e empacotamento 100% limpo, garantindo aprovação instantânea e execução segura local-first.
Refatoração dos gatilhos de injeção de scripts com isolamento de contexto e carregamento assíncrono.
Tempo de exibição de análise calibrado em 2.5 segundos para visualização e leitura agradável do mascote com plaquinha ("Obrigado por usar!" / "Thanks for using!").
Possibilidade de abrir o ColorScope instantaneamente pelo teclado (Alt + C no Windows ou Control + C no Mac) sem precisar clicar manualmente no ícone da extensão no navegador.
Internacionalização de ponta a ponta em toda a extensão (Pop-up, Full Studio, modais e exportadores). Detecta automaticamente a linguagem do Chrome com alternador dinâmico de 1 clique.
Scanner inteligente de Box-Model mapeando frequências de paddings, margins, gaps e curvatura de cantos. Inclui detector visual de inconsistências de grid de 4px / 8px e exportador pronto para Tailwind e CSS Variables.
Navegação estrita com setas (Anterior / Próxima) com limite de 48 cores por página e contenção CSS (CSS Containment & Content-Visibility), eliminando sobrecarga de DOM e garantindo 60 FPS contínuos.
Varredura de milhares de nós em memória pura sem disparar layout thrashing ou reflow, tornando a extração de páginas complexas instantânea e com zero impacto na aba inspecionada.
Teste frases personalizadas em tempo real em todas as famílias e pesos tipográficos mapeados no DOM com ajuste dinâmico de tamanho.
Simule a percepção de cores da página ativa no navegador em tempo real com filtros SVG de alta precisão (Protanopia, Deuteranopia, Tritanopia e Acromatopsia). Inclui verificação de taxa de contraste WCAG 2.1 (AA e AAA).
Detecção automática de regras de fundo com linear-gradient, radial-gradient e conic-gradient. Visualize os stops de cor e copie o snippet formatado em CSS Puro ou classes do Tailwind CSS.
Mapeie todos os vetores e ícones SVG presentes na página. Otimize e copie o código limpo, exporte como componente funcional React (<Icon {...props} />) ou faça download do arquivo .svg com 1 clique.
Crie instantaneamente uma prancha de guia de estilo visual contendo a cartela de cores primárias, tipografia, pesos e botões principais do website, renderizada em alta definição (1200×800) pronta para download.
Gere esquemas harmônicos automáticos (Complementar, Análoga, Tríade, Tetrádica e Split-Complementar) e a régua de tonalidades completa de 50 a 950 para qualquer cor inspecionada.
Modularização dos motores de análise em analyzer/gradients.js e analyzer/svg.js, garantindo injeção assíncrona ultra rápida e zero impacto na fluidez da página.
Resolução de dependência do script content.js no pacote da Web Store e sincronização automática do armazenamento local para histórico.
Microinterações aprimoradas com banners flutuantes de confirmação ao copiar códigos HEX, RGB, CSS e Tailwind.
Mapeamento preciso de estilos computados em pseudo-elementos (::before / ::after) e filtros rápidos por matiz e luminância.
Identificação automática de sombras com cálculo de blur, spread, opacidade e suporte a sombras internas (inset).
Armazenamento local seguro no navegador com listagem de websites inspecionados recentemente e exclusão individual.
Geração instantânea de variáveis CSS personalizadas e estrutura compatível com Figma Tokens e Style Dictionary.
Interface full-screen estilo macOS para visualização profunda do design system, exportador de tokens CSS/Tailwind e painel de componentes.
Detecção de tamanhos de fonte em px e rem, pesos tipográficos (300 a 900) e line-height de todos os títulos e parágrafos.
Extração de paletas com Median Cut, identificação de famílias tipográficas, geometria de botões e cópia de tokens CSS com processamento 100% local.