Olá pessoal, tô curtindo muito meu projeto, escolhi minhas próprias cores e a ideia é realmente colocar no ar esse projeto como um link na bio. Olha como está ficando:
Com o hover eu fiz essa animação:
Alterei o tipo da borda e mudei a cor do background, eu queria muito os ícones com a cor mais de acordo com as cores que escolhi, mas não encontrei, alguém tem alguma solução?
O texto por enquanto está genérico, mas pretendo editar no final.
Oi, Alexandre! Como vai?
Agradeço por compartilhar seu código com a comunidade Alura.
Gostei bastante de ver que você escolheu suas próprias cores e pensou em publicar o projeto como link na bio, isso mostra dedicação. Sobre os ícones, o que acontece é que muitos deles têm cores fixas, então para personalizar melhor você pode buscar alternativas que estejam mais alinhadas à sua paleta em sites como Flaticon, Iconscout ou Heroicons.
Uma dica interessante para o futuro é criar uma classe CSS para aplicar filtro de cor em ícones SVG diretamente no código:
.icon {
filter: invert(36%) sepia(92%) saturate(326%) hue-rotate(120deg);
}
Esse trecho aplica transformação de cor em um ícone SVG usando filter. Assim você consegue aproximar o estilo das suas cores.
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!