Solucionado
Depois que coloquei o Dark Mode, segui as instruções do professor no CSS mas não fez diferença nenhuma, alguém consegue me explicar o porque?
[data-bs-theme="dark"] {
color: white;
.nav-link, .card-body, .offcanvas, .accordion, .btn {
--bs-nav-link-color: white;
--bs-card-color: white;
--bs-offcanvas-color: white;
--bs-body-color: white;
--bs-body-color: white;
}
}
Oi Camilla, tudo bem?
Pelo código que você compartilhou, parece que você está tentando aplicar o Dark Mode em seu projeto usando Bootstrap 5. No entanto, pode haver alguns motivos pelos quais as instruções do professor não estão funcionando corretamente.
Uma possível razão é que você pode não ter definido corretamente o atributo data-bs-theme em seu HTML. Certifique-se de que você adicionou esse atributo corretamente ao elemento que deseja aplicar o Dark Mode.
Além disso, verifique se você está importando corretamente o arquivo CSS do Bootstrap 5 em seu projeto. É importante garantir que você esteja usando a versão correta do Bootstrap e que o arquivo CSS esteja sendo carregado corretamente.
Outra possibilidade é que você pode estar enfrentando algum conflito com outras regras CSS em seu projeto. Verifique se não há outras regras que estejam sobrepondo as alterações feitas para o Dark Mode. Você pode usar as ferramentas de desenvolvedor do navegador para inspecionar os estilos aplicados e verificar se as regras estão sendo aplicadas corretamente.
Se você puder fornecer mais detalhes sobre como você está implementando o Dark Mode em seu projeto e compartilhar o código do projeto, posso tentar ajudá-lo de forma mais específica.
Um abraço e bons estudos.