Modo Escuro com CSS Mínimo: Uma Implementação Surpreendentemente Simples
2025-04-04
O site Feep! agora possui um modo escuro elegante, alcançado com um CSS surpreendentemente mínimo. O autor detalha três abordagens: aproveitando o modo escuro integrado do navegador por meio de uma tag ``; empregando a propriedade `color-scheme` para controle CSS; e usando consultas de mídia `prefers-color-scheme` para estilos separados de modo claro e escuro. As dicas incluem o uso das funções `light-dark()` e `color-mix()` para otimização de cores e o tratamento inteligente de imagens e blocos de código com filtros CSS. O resultado? Uma troca de modo escuro elegante com apenas algumas linhas de CSS adicionadas, simplificando consideravelmente o processo de desenvolvimento.
Desenvolvimento
nativo do navegador