Sua pergunta é sobre este componente de tema que adiciona um alternador para mudar para o modo escuro, ou sobre a detecção de uma paleta de cores escuras em geral?
Existe dark-light-choose.
Sua pergunta é sobre este componente de tema que adiciona um alternador para mudar para o modo escuro, ou sobre a detecção de uma paleta de cores escuras em geral?
Existe dark-light-choose.
Obrigado pela sua ajuda
Estou usando este componente de alternância de modo escuro/claro
Minha pergunta é sobre detectar em qual modo estou e trocar a imagem de fundo para que eu possa ter uma imagem para o modo claro e outra para o modo escuro.
Tentei seguir o link que você postou e também este
que entra em um pouco mais de detalhes, mas não tive sucesso. Tentei adicionar arquivos de imagem (JPGs) $bg-light e $bg-dark ao meu tema
$bg: url(dark-light-choose($bg-light, $bg-dark));
:root {
--custom-bg: #{$bg};
}
Também tentei criar um tema no github
Como eu disse, desculpe por estar um pouco perdido
Se eu deveria iniciar um novo tópico, me avise e em qual categoria colocá-lo
Obrigado pela sua ajuda
Moderadores podem mover as postagens para um novo tópico em Dev, se necessário. Eu só queria ter certeza de que seu problema não está diretamente relacionado ao componente de tema, mas também acontece quando você ativa o modo escuro através das configurações do navegador ou do dispositivo.
Eu acho que você já está bem perto. Uma coisa que notei é que você usa url() duas vezes:
Meu problema definitivamente não está relacionado ao componente de tema
Obrigado pela ajuda, desculpe pelo barulho ![]()
Uau… não conte a ninguém, esse é meu molho secreto para misturar dois fundos. O primeiro tem precedência sobre o próximo. Então, o primeiro é um gradiente linear com metade sendo transparente e o outro é uma imagem estática
![]()
Aqui está o efeito em ação
Entendi que você usa 2 backgrounds.
background-image: linear-gradient(to top, white, 15%, transparent), url(var(--custom-bg));
Mas url(var(--custom-bg)) em combinação com --custom-bg: #{$bg}; e $bg: url(dark-light-choose($bg-light, $bg-dark)); não é algo como url(url(dark-light-choose($bg-light, $bg-dark)))?
Agora oferecemos uma alternância de modo escuro/claro no core e, portanto, descontinuamos este componente de tema. Veja o anúncio para mais detalhes: