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:
- Instalé el tema Dracula a través de Admin → Personalizar → Temas.
- Lo establecí como el tema predeterminado.
- Deshabilité otros temas y opciones de esquema de color para los usuarios en Admin → Personalizar.
- Confirmé en mi perfil (Preferencias → Interfaz) que Dracula era el único tema seleccionable, asegurándome de verlo en su configuración predeterminada.
- 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.