Modo escuro
Nunca investi particularmente no modo escuro versus claro, mas recebo tantas pessoas reclamando que este site é “cegante” que decidi ver se Claude Code para web poderia produzir um modo escuro útil a partir do meu CSS existente. Fez um trabalho decente, usando propriedades CSS, @media (prefers-color-scheme: dark) e um data-theme="dark" atributo com base neste prompt:
Add a dark theme which is triggered by user media preferences but can also be switched on using localStorage - then put a little icon in the footer for toggling it between default auto, forced regular and forced dark mode
O padrão do site é selecionar as preferências do usuário, mas também há uma alternância no rodapé que alterna entre automático, luz forçada e escuro forçado. Aqui está uma demonstração animada:
Pedi a Claude Code que me fizesse aquele GIF a partir de duas capturas de tela estáticas – ele usou esta receita do ImageMagick:
magick -delay 300 -loop 0 one.png two.png \
-colors 128 -layers Optimize dark-mode.gif
O CSS acabou com alguma duplicação devido à necessidade de lidar tanto com a preferência de mídia quanto com a seleção explícita do usuário. Consertamos isso com Cog.
