feat:adicionar tema dark mode

[sombo20]

Team Debuguers

Adicionou-se suporte para modo dark.

Objectivo

Adiciona a funcionalidade de dark mode ao aplicativo, permitindo que os usuários alternem entre os modos claro e escuro. Isso melhora a experiência do usuário em ambientes com pouca luz e oferece mais opções de personalização.

Essa implementação fixes #28

Update feito com as dicas do mantedor do projecto @Danguya

• removemos o recta-icones e usamos apenas o phosphor-react
• retiramos também uso do next-themes deixando apenas o uso do tailwind.
• utilizamos o colorZilla pra verificar e melhorar o contraste da cor , para não afetar os olhos dos usúarios!
• por fim um componente para alternância entre os modos light e dark.
• armazenamos o modo escolhido no localStorage assim quando usúario voltar ao site ter o modo escolhido recuperado!

@aosccode

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
aosc-social	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 20, 2023 10:01pm

[sombo20]

@Danguya @antonio-pedro99

[sombo20]

@Danguya Here

[Danguya]

@sombo20 Obrigado por suas contribuições no PR. Gostaria de fornecer algumas sugestões de ajustes de estilo:

1. Fundo da Div com a imagem da garota e do header (#182138):

Recomendo que você mude o fundo da div que contém a imagem da garota e o header para a cor #182138. Isso proporcionará uma melhor integração do elemento no design geral.

2. Cores dos Botões no Modo Dark:

Para os botões no modo dark, sugiro alterar a cor do texto para #000 (preto) para melhorar o contraste e a legibilidade.

3. Links no Header no Modo Dark:

Os links no header no modo dark parecem muito agressivos. Recomendo a seguinte abordagem: Por padrão (estado normal), utilize a cor #ffffff8a para os links no modo dark. No estado hover, altere a cor do texto para #fff (branco) para destacar o link quando o cursor estiver sobre ele. Certifique-se de realizar esses ajustes de acordo com as recomendações acima para aprimorar a estética e a usabilidade do modo dark. Uma vez que essas alterações tenham sido feitas, estarei feliz em revisar novamente o PR.

Obrigado pela sua contribuição!

[sombo20]

@Danguya feito!

[sombo20]

@antonio-pedro99 sim farei isso!