Alternar modo Escuro/Claro

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.

2 curtidas

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


Também tentei adicionar uma folha de estilo color_definitions.scss ao meu tema com o código daquele post

$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

1 curtida

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:

1 curtida

Meu problema definitivamente não está relacionado ao componente de tema
Obrigado pela ajuda, desculpe pelo barulho :blush:

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 :wink: :sunglasses:

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)))?

3 curtidas

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:

5 curtidas