Escribiendo un tema elegante... ¿vale la pena enviarlo a upstream o no?

Hola!

El mes pasado, mi foro favorito cambió a Discourse. En su mayoría fue una mejora, pero la gente se quejó* del aspecto y la sensación. Así que decidí arreglarlo, y terminé haciendo una gran renovación de estilo. Ahora estoy tratando de decidir si me esforzaré en convertirlo en un tema adecuado y fusionarlo, o si eso no es realista.

Creo que a la gente de otros foros también le podría gustar como tema alternativo, pero no sé qué tan difícil sería que las cosas se fusionaran. Lo que hice se desvía bastante del diseño de temas habitual de Discourse… lo que es parte del atractivo y parte de la dificultad.

Todavía está en progreso, pero aquí hay algunas capturas de pantalla:

Está diseñado para que múltiples paletas de colores sean relativamente fáciles de crear y cambiar, y aquí hay tres que existen hasta ahora.

Modo día:

Modo noche:

Gris acogedor:

Las publicaciones de hilos vienen en 4 sabores: Regular (gris con encabezado azul), administrador/moderador (verde), autor del hilo (cian) y usuario actualmente conectado (morado o rosa). Todos son fáciles de cambiar.

La vista previa del editor y el “grippie” coinciden con el estilo del “usuario actual”. Además, las barras de desplazamiento coinciden con el tema de la página. La línea de tiempo también está diseñada para parecerse más a una barra de desplazamiento.

La lista de temas utiliza filas de 1 línea cuando es posible, con rayas de tigre. Los elementos del mapa de calor se parecen más al fuego.

Menú de usuario / notificaciones:

Anidamiento más claro de publicaciones incrustadas:

Una tarjeta de información de usuario y vista previa de enlace:

Por ahora, es solo una gran anulación de hoja de estilo y una hoja de estilo más pequeña para definir los colores. Pero si es factible que el tema sea aceptado, podría convertirlo en un tema adecuado de Discourse.

13 Me gusta

¡Realmente único, gran trabajo!

(Todos los escaparates de temas deberían presentar Chatbot, por cierto :wink: )

5 Me gusta

Oh, eh, esto todavía está en progreso, pero si alguien quiere probar lo que tengo hasta ahora… la forma más fácil es localmente usando una anulación de hoja de estilo en el navegador:

  1. Instala Stylus, si aún no lo tienes.
  2. Con un sitio de Discourse abierto, haz clic en el icono de Stylus.
  3. En “Escribir estilo para”, haz clic en “este-sitio.tld”.
  4. Añade un título de tema.
  5. Pega el contenido del archivo CSS correspondiente enlazado abajo. Idealmente, haz primero el archivo style.css, ya que los otros dependen de él.
  6. Guarda.
  7. Repite para los otros archivos, uno por tema.
  8. Activa el tema base y uno de los otros temas. Desactiva el/los otro(s) tema(s).

Todavía estoy debatiendo si convertirlo en un tema instalable del lado del servidor. En el foro para el que hice esto, el administrador simplemente instaló otra instancia de Sam’s Simple Theme y colocó esto encima como anulaciones de hoja de estilo… lo cual funciona, pero no es ideal.

1 me gusta

Para dar contexto, aquí están las quejas de la gente sobre el tema predeterminado, y por lo tanto, lo que intenté arreglar:

  • Demasiado simple.
  • Demasiado espacio vacío.
  • No hay suficiente información en pantalla a la vez. Querían una mayor densidad de información.
  • A veces no está claro qué elementos de la página se pueden hacer clic… como las fechas de inicio/fin en el widget de la línea de tiempo.
  • A veces no está claro cómo se relacionan los elementos de la página entre sí… como las publicaciones, las publicaciones incrustadas y las citas. Algunas personas pensaron que no había suficientes señales visuales para indicar la estructura.
  • No hay suficiente separación visual entre los elementos de la página. Todo parecía estar impreso en un documento continuo.
  • La gente solicitó específicamente filas de lista de temas de 1 línea y rayado de tigre.

Así que opté por algo más compacto, más colorido, más tridimensional, con una estructura visual más explícita… como una pila de tarjetas en lugar de un solo documento continuo. Básicamente, lo opuesto al estilo minimalista plano que ha sido popular últimamente.

Los temas minimalistas son un buen predeterminado ya que son prácticos, accesibles y neutrales. Pero para las personas que quieren una alternativa a eso, hice algo… diferente. :sweat_smile:

3 Me gusta

Esto todavía está en progreso, pero comencé a agregar soporte para el widget de chat…

1 me gusta

gran trabajo. me encanta.

1 me gusta

¡Tema genial!

Te he añadido al grupo de autores de temas, así que puedes crear un tema para tu tema bajo Theme, lo que permite a la gente instalarlo en sus instancias con solo pulsar un botón.

8 Me gusta

¡Gracias!

He estado ausente un tiempo con un resfriado, pero eso ya está pasando, así que espero pronto poder comenzar el proceso de hacer un tema adecuado en lugar de solo una anulación de hoja de estilo.

3 Me gusta

¡Hazlo, mételo en el repositorio de GitHub!

2 Me gusta

¿A dónde llegó esto? No dejes que este gran trabajo quede sin compartir.

1 me gusta

Por cierto, este es el propósito del tema predeterminado: está ahí para construir sobre él.

Los objetivos de clic/toque son en parte la razón de esto: ¡no subestimes el beneficio del espacio cuando intentas acertar un control específico con el pulgar!

1 me gusta