Dracula: un tema oscuro 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 Me gusta

This actually looks very neat.

2 Me gusta

Looking great, I can definitely feel Dracula vibes.

3 Me gusta

are colours fixed or can they be changed?

2 Me gusta

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 Me gusta

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 Me gusta

Dracula Theme - Problema de Color

Descripción: Se encontró un problema con el tema Dracula en nuestro sitio de Discourse. La apariencia del tema difiere de su aspecto esperado, particularmente en los esquemas de color y la apariencia de las pestañas. Inicialmente, el tema se mostraba de manera diferente en mi sitio de prueba en comparación con otros sitios que usan Dracula. Después de reinstalar desde el repositorio de GitHub, la apariencia se alineó, lo que sugiere un problema potencial con código o uso de variables obsoletos.
Pasos para reproducir:

  1. Instalé el tema Dracula a través de Admin → Personalizar → Temas.
  2. Lo establecí como el tema predeterminado.
  3. Deshabilité otros temas y opciones de esquema de color para los usuarios en Admin → Personalizar.
  4. Confirmé en mi perfil (Preferencias → Interfaz) que Dracula era el único tema seleccionable, asegurándome de verlo en su configuración predeterminada.
  5. Noté diferencias en la apariencia, especialmente en las pestañas, que no se veían como se esperaba (lo que indica un problema potencial con el tema).

Capturas de pantalla:

Plataforma:

  • Mac (Escritorio)

Navegador:

  • Chrome

Comentarios adicionales: El problema parece derivar del uso de variables CSS obsoletas en el tema. La sintaxis actual en el tema Dracula ($primary, $tertiary, $secondary) está obsoleta en comparación con el formato de variable más nuevo (var(–tertiary), var(–secondary)) utilizado en temas recientes de Discourse, como se ve en este ejemplo de GitHub. Este uso de variables antiguas probablemente cause la representación inusual, especialmente cuando no hay temas o esquemas de color alternativos seleccionables. El problema persistió incluso después de una reinstalación del tema, lo que indica un problema más profundo dentro de la estructura del código del tema.

¡Gracias por compartir! Tengo una solución en proceso.

¿Es posible configurar esto como un tema?

Necesito mostrar esto en la lista de cambio de tema de la barra lateral.

¿Estás pidiendo que esto se instale en meta y en la barra lateral?

El esquema de color es, de hecho, uno que ahora también puedes seleccionar en Discourse.

1 me gusta

Sí, ¿es posible elegir esto en meta?

Por ahora, no parece estar disponible.

Dracula está disponible como opción de esquema de color aquí en meta.

Puedes acceder a él visitando tus preferencias de interfaz en tu área de preferencias de usuario personal.

2 Me gusta

No, no para mí:

Ahora deberías poder seleccionar el esquema de color Dracula en el selector de color en tus preferencias aquí en meta.

4 publicaciones se dividieron en un nuevo tema: Añadir esquemas de color