Saudações, querida equipe do Discourse e participantes do fórum
Recentemente, notei que o link rápido para abrir o editor de uma mensagem pessoal não é compatível com o componente de tema Alternador de Modo Escuro/Claro se eu estiver usando um smartphone com o sistema operacional Android instalado. Para ser mais preciso, quando você clica no link, o compositor de mensagens abre por uma fração de segundo e volta a ser um rascunho. Verifiquei todos os componentes de tema e plugins e descobri que o compositor se comporta dessa maneira apenas com o componente Alternador de Modo Escuro/Claro ativado no Android. Aqui está um vídeo:
No vídeo, mostrei 2 cenários.
Quando você clica no link pela primeira vez, o compositor abre rapidamente e, no mesmo momento, fecha.
Quando você clica no link novamente, o compositor abre a partir do rascunho salvo e, após excluir o rascunho anterior, o compositor abre no modo normal.
Então, você está dizendo que a configuração do alternador não adiciona nenhuma opção de configuração de alternador no front-end e que preciso instalar este plugin, sim?
Se “não”, onde encontro o botão de alternância agora que ativei o alternador claro-escuro conforme a captura de tela acima?
Correto. Depois de incluir este componente de tema no seu tema, salve e atualize a página — e você deverá ver o ícone para alternar o modo escuro/claro.
Então parece que já está instalado. Tentei instalar agora mesmo e ele disse que já estava instalado. O que você pode ver na minha captura de tela anterior.
Preciso ter um “tema” separado? Estou usando o tema padrão. Posso alternar para o modo escuro como aqui
No entanto, o ícone de alternância SÓ aparece se eu selecionar “Escuro” nas preferências. Eu gostaria que até mesmo os visitantes de primeira viagem vissem o ícone da lua no canto inferior esquerdo. Possível?
Olá, estou querendo definir o tema Escuro como padrão no meu fórum Discourse. No entanto, também quero dar aos usuários a opção de mudar para o tema Claro, se preferirem.
Minha pergunta é: como posso garantir que o esquema de cores do fórum não mude automaticamente com base nas configurações do sistema do usuário? Quero que ele permaneça no tema Escuro por padrão e só mude para Claro quando um usuário o selecionar manualmente. Qualquer orientação sobre como configurar isso seria muito apreciada.
Obrigado!
Ao configurar tudo, se eu tiver o modo claro ativado, sempre que atualizo a página, o modo escuro sempre aparece. A cada atualização, como posso parar isso? @jordan.vidrine
Não temos uma terceira opção de alternância. Para adicioná-la, seria necessário um PR (Pull Request) para o componente de tema vinculado no OP (Original Post) deste tópico.
Após atualizar o Discourse para a versão 3.2.0, estou vendo estes erros nos logs
O tema/componente Dark-Light Toggle está gerando erros:
TypeError: Não é possível ler propriedades de null (lendo ‘en’)
Backtrace:
TypeError: Não é possível ler propriedades de null (lendo 'en')
at Object.initialize (https://site.com/theme-javascripts/56ff324506efb7c3883ba59ee00cc753852ee8cc.js?__ws=site.com:5:51)
at n.initialize (https://site.com/assets/chunk.6d10396b901f5b95b67e.d41d8cd9.js:2:309459)
at https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:141483
at e.each (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:368590)
at e.walk (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:367606)
at e.each (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:366959)
at e.topsort (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:367005)
at e._runInitializer (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:141795)
at e.runInitializers (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:141441)
at e._bootSync (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:110927)
at e.domReady (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:110503)
at invoke (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:358129)
at h.flush (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:357216)
at p.flush (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:358979)
at B._end (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:364062)
at B._boundAutorunEnd (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:360486)
