Olá, estou fazendo uma aplicação na qual quero poder mudar a classe do body de light para dark em toda minha aplicação para poder trocar o tema do site. Como poderia fazer isso com boas práticas no angular?
Olá, estou fazendo uma aplicação na qual quero poder mudar a classe do body de light para dark em toda minha aplicação para poder trocar o tema do site. Como poderia fazer isso com boas práticas no angular?
Boa tarde, Icaro! Como vai?
Essa classe tem que ser acrescentada ou removida exatamente na tag body? Caso não seja obrigatório, minha sugestão seria utilizar uma div no app.component que é o componente inicial que o Angular cria por padrão e onde é adicionado o router-outlet para carregamento das páginas roteadas pela aplicação! Nesse caso, o código ficaria mais ou menos assim no app.component.html:
<div class="darken">
<router-outlet></router-outlet>
</div>Pq assim dessa forma, vc teria ainda a div englobando todos os elementos do DOM assim como teria usando o body. Com o ganho de ter tudo dentro dos seus componentes, facilitando assim o seu trabalho!
O que vc acha? Faz sentido pra vc? Qualquer coisa é só falar!
Grande abraço e bons estudos, meu aluno!