Dracula um tema escuro para Discourse

A theme built on the Dracula color palette. This color scheme has been one of my favorite go to themes in the text editors and other software I use.

I felt like Discourse could use it as well :smile:

:bat: : Github Repo https://github.com/dracula/discourse

:vampire: Preview on Theme Creator

:coffin: How do I install a theme or theme component?

If you see anything off, let me know here and I’ll get that updated! Hope you enjoy :smiling_face_with_three_hearts:

43 curtidas

This actually looks very neat.

2 curtidas

Looking great, I can definitely feel Dracula vibes.

3 curtidas

are colours fixed or can they be changed?

2 curtidas

Theme colors are fixed per theme/color scheme once defined. If you would like to customize this for your own use though, feel free to fork the repo and change the colors in the about.json file. :vampire:

3 curtidas

Hello,

In the mobile view, how do I hide the “Replies” column and show the Views column? Thank you.

Update: found the solution for the Replies column, but cannot figure out how to add “Views”

We do not show the views count on mobile, only activity and replies. To create your own mobile topic list view, you would need to create a theme-component that edits the mobile topic-list-item template found here:

An example of someone on this forum who has done something similar can b found in this topic MD Topic List Mobile component.


If you haven’t created a theme or theme-component before, I would suggest reading through this topic that does a great job of explaining the process.

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