Dracula um tema escuro para Discourse

Um tema baseado na paleta de cores Dracula. Esse esquema de cores tem sido um dos meus temas favoritos em editores de texto e outros softwares que uso.

Achei que o Discourse também poderia se beneficiar dele :smile:

:bat: : Repositório no Github https://github.com/dracula/discourse

:vampire: Prévia no Theme Creator

:coffin: Como instalar um tema ou componente de tema?

Se você notar algo fora do lugar, me avise aqui e eu farei as atualizações! Espero que gostem :smiling_face_with_three_hearts:

43 curtidas

Isso realmente parece muito legal.

2 curtidas

Ficou ótimo, consigo sentir definitivamente a vibe do Drácula.

3 curtidas

As cores são fixas ou podem ser alteradas?

2 curtidas

As cores do tema são fixas para cada tema/esquema de cores após serem definidas. No entanto, se você desejar personalizá-las para seu próprio uso, fique à vontade para fazer um fork do repositório e alterar as cores no arquivo about.json. :vampire:

3 curtidas

Olá,

Na visualização móvel, como posso ocultar a coluna “Respostas” e mostrar a coluna “Visualizações”? Obrigado.

Atualização: encontrei a solução para a coluna “Respostas”, mas não consegui descobrir como adicionar “Visualizações”.

Não exibimos a contagem de views no mobile, apenas activity e replies. Para criar sua própria visualização de lista de tópicos no mobile, você precisará criar um tema-componente que edite o template topic-list-item do mobile encontrado aqui:

Um exemplo de alguém neste fórum que fez algo semelhante pode ser encontrado neste tópico: MD Topic List Mobile component.


Se você nunca criou um tema ou tema-componente antes, sugerimos ler este tópico, que faz um ótimo trabalho explicando o processo.

4 curtidas

Tema Dracula - Problema de Cor

Descrição: Encontrei um problema com o tema Dracula em nosso site Discourse. A aparência do tema difere de seu visual esperado, especialmente nos esquemas de cores e na aparência das abas. Inicialmente, o tema foi exibido de forma diferente em meu site de teste em comparação com outros sites que usam Dracula. Após reinstalar do repositório GitHub, a aparência se alinhou, sugerindo um problema potencial com código desatualizado ou uso de variáveis.
Passos para Reprodução:

  1. Instalei o tema Dracula via Admin → Personalizar → Temas.
  2. Defini-o como o tema padrão.
  3. Desativei outros temas e opções de esquema de cores para usuários em Admin → Personalizar.
  4. Confirmei em meu perfil (Preferências → Interface) que Dracula era o único tema selecionável, garantindo que eu o estivesse visualizando em sua configuração padrão.
  5. Observei diferenças na aparência, especialmente nas abas, que não pareciam como esperado (indicando um problema potencial com o tema).

Capturas de Tela:

Plataforma:

  • Mac (Desktop)

Navegador:

  • Chrome

Comentários Adicionais: O problema parece decorrer do uso de variáveis CSS desatualizadas no tema. A sintaxe atual no tema Dracula ($primary, $tertiary, $secondary) está obsoleta em comparação com o formato de variável mais recente (var(–tertiary), var(–secondary)) usado em temas Discourse recentes, como visto neste exemplo do GitHub. Esse uso antigo de variáveis provavelmente causa a renderização incomum, especialmente quando nenhum tema ou esquema de cores alternativo é selecionável. O problema permaneceu mesmo após a reinstalação do tema, indicando um problema mais profundo na estrutura do código do tema.

Obrigado por compartilhar! Tenho uma correção em andamento.

É possível definir isso como um tema?

Preciso mostrar isso na lista de troca de temas da barra lateral.

Você está pedindo para isso ser instalado no meta e na barra lateral?

O esquema de cores é, na verdade, um que você pode selecionar no Discourse agora também.

1 curtida

Sim, é possível escolher isso no meta?

Por enquanto, não parece estar disponível.

Dracula está disponível como uma opção de esquema de cores aqui no meta.

Você pode acessá-lo visitando suas preferências de interface em sua área de preferências de usuário pessoal.

2 curtidas

Não, não para mim:

Você agora deve ser capaz de selecionar o esquema de cores Dracula no seletor de cores em suas preferências aqui no meta.

4 posts foram divididos em um novo tópico: Adicionando esquemas de cores