Componente Alternador de Tema

A menos que @B-iggy possa adicionar uma opção para escolher a localização? :smiley:

Não é fácil, de fato.
Se você se refere a algo como isso, talvez eu possa tentar mesclá-lo de alguma forma.

Eu não testei com todos os temas, mas me avise se algo quebrar.

O que você quer dizer com ‘bottom’? Este componente de alternância de tema é mais alinhado horizontalmente. Você quer dizer reduzir a largura?

Substituir o logotipo com base na alternância entre modo claro e escuro não é tão simples e exigiria mais opções. Vou anotar isso, talvez para o futuro.

2 curtidas

Minha ideia era no menu do painel (não no menu do painel do usuário):

Desculpe, deve ter sido um erro de digitação. Queria dizer “botão” :smiley: O link para o tema Liebling foi um exemplo de botão alternativo.

Você não precisa necessariamente substituir o logotipo. Talvez apenas usar um ícone fa que mude de cor e a sombra da caixa (box-shadow) via CSS seja suficiente.

1 curtida

O ideal seria usar este componente: Hamburger Theme Selector - #63 by sam

Não é um interruptor, mas o que você está pedindo pode exigir muito trabalho.

1 curtida

Olá,

Obrigado pelo seu componente.

Gostaria que este componente tivesse suporte a traduções.

Olá @B-iggy, obrigado por este componente!

Fiquei um pouco confuso sobre como estou configurando os dois temas entre os quais vou alternar.
Tenho os temas clássicos “Light” e “Dark” e adicionei ambos ao seletor de temas.
Porém, ao alternar, ele muda para o tema alienígena e não para o escuro que eu gostaria :thinking:

Existe uma maneira de fazê-lo usar apenas esses dois temas que eu quero?

Obrigado pelo seu tempo e contribuição :rocket:

2 curtidas

Olá @akapetzoglou1

Nossa, o tempo está passando de forma insana este ano. Desculpe pela demora. Estou enfrentando algumas dificuldades no momento, então, infelizmente, contribuir com o Discourse ficou em segundo plano.

Não é para alternar temas inteiros. Apenas um tema escuro e um claro pré-definidos, que configurei no CSS.
Acho que existe um seletor de temas por aí que faz o que você quer.
Pelo menos, se eu entendi corretamente.

3 curtidas

Ei @B-iggy

Existe alguma maneira de usar o componente para alternar entre dois esquemas de cores?
Agora que há uma configuração no perfil do usuário para o modo escuro, seria legal poder alternar entre o padrão e o escuro.

3 curtidas

Olá, estou usando este componente de tema, mas ao utilizá-lo no tema clássico padrão, quando mudo para o modo escuro, o painel de administração fica assim:

Todo o texto fica invisível

Tentei alterar a cor secundária, mas ao fazê-lo, o fundo completo do tema também muda, o que não é o que desejo. Quero apenas alterar a cor do texto secundário para que ele fique visível.

Por favor, se você tiver alguma solução, compartilhe, por favor.

Existe um componente de alternância de tema no Air Theme. No entanto, o botão está no menu hambúrguer. Alguém tem capacidade e tempo para adaptar o discourse-color-scheme-toggle com o Componente de Alternância de Tema e ter um botão no cabeçalho para alternar rapidamente entre os temas Claro e Escuro?

2 curtidas

Eu também adoraria isso. Estava tentando encaixar algum trabalho para descobrir, mas ainda não entendi nada! Implementei o que você linkou, mas estava esperando por um alternador de cabeçalho do tipo “você não pode perder”.

1 curtida

Este componente de tema tem um bug. Se o usuário definir o modo escuro em seu dispositivo e o modo claro no switch do fórum, o logotipo não mudará. O usuário verá o logotipo claro (para modo escuro) no modo claro.

Este componente de tema não funciona com a barra lateral, há planos para dar suporte a ele? Obrigado por considerar e pelo que já foi criado!

1 curtida

Oi pessoal,

Tenho estado ocupado nos últimos meses, mas queria muito dar mais atenção a este componente novamente :slight_smile:

Vou tentar verificar o quanto é necessário com todas as mudanças recentes do Discourse e postar uma atualização aqui.

3 curtidas

Certo, depois de refazer meu Alien Night Theme, percebi que este componente não faz mais muito sentido.

O componente Dark/Light Toggle está fazendo exatamente o que eu tentei fazer com este componente aqui. Mas muito melhor.
A longo prazo, minha abordagem de trabalhar com toneladas de classes e manipulá-las não é sustentável.
Em vez disso, este componente abaixo está apenas pegando seus 2 esquemas de Paletas de Cores e invertendo as variáveis CSS corretas:

Atualmente, aparentemente está quebrado (funciona no meu Alien Night Theme, no entanto), mas no futuro, por favor, use-o em vez disso.

Defini meu componente aqui como Legacy/Deprecated por enquanto.

1 curtida