Dracula: un tema oscuro para Discourse

Un tema basado en la paleta de colores Dracula. Este esquema de colores ha sido uno de mis temas favoritos en los editores de texto y otros programas que utilizo.

Pensé que Discourse también podría beneficiarse de él :smile:

:bat: : Repositorio de Github https://github.com/dracula/discourse

:vampire: Vista previa en Theme Creator

:coffin: ¿Cómo instalo un tema o un componente de tema?

Si ves algo fuera de lugar, avísame aquí y lo actualizaré. ¡Espero que te guste! :smiling_face_with_three_hearts:

43 Me gusta

Esto en realidad se ve muy bien.

2 Me gusta

¡Se ve genial! Definitivamente siento la vibra de Drácula.

3 Me gusta

¿Los colores son fijos o se pueden cambiar?

2 Me gusta

Los colores del tema se fijan por tema/esquema de colores una vez definidos. Si deseas personalizarlos para tu propio uso, siéntete libre de hacer un fork del repositorio y cambiar los colores en el archivo about.json. :vampire:

3 Me gusta

Hola,

En la vista móvil, ¿cómo puedo ocultar la columna “Respuestas” y mostrar la columna “Vistas”? Gracias.

Actualización: encontré la solución para la columna “Respuestas”, pero no logro averiguar cómo agregar “Vistas”.

No mostramos el recuento de views en móviles, solo activity y replies. Para crear tu propia vista de lista de temas en móvil, necesitarías crear un componente de tema que edite la plantilla topic-list-item para móviles, que se encuentra aquí:

Un ejemplo de alguien en este foro que ha hecho algo similar se puede encontrar en este tema: MD Topic List Mobile component.


Si nunca has creado un tema o un componente de tema antes, te sugerimos leer este tema, que explica el proceso de manera excelente.

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