Me encantaría crear temas y componentes personalizados que estén alineados con el sistema de diseño de Discourse y que se integren en la aplicación de manera consistente y armoniosa.
Solo con ver el código y cómo se definen y aplican los estilos en el núcleo, me resulta difícil comprender la imagen general y la dirección prevista del sistema de diseño.
Intentaré desglosar esto en tres temas principales: color, tipografía y espaciado.
Color
Hace dos años se introdujo una escala numérica para algunos valores. Creo que se mencionó que solo estaba destinada a complementar las transformaciones de color con nombre. Para el valor de color terciario, ahora se ve así:
Veo ambos modelos aplicados en código nuevo en el núcleo. ¿La idea a largo plazo es seguir usándolos uno al lado del otro o hay una visión diferente?
En cualquier caso, ¿no debería haber una escala numérica para los cuatro valores de color principales? Ahora mismo solo está para el primario y terciario, pero no para el secundario y cuaternario.
Tipografía
Actualmente hay tres tipos diferentes de progresión de tamaño de fuente definidos:
Tampoco ha habido actualizaciones en esto en más de dos años. ¿Deberían usarse estos en el código nuevo? Sinceramente, nunca toqué las definiciones de multiplicadores, ya que es difícil definir el tamaño de fuente final real. Pero tampoco entiendo las definiciones de fuente base. La escala definida sería:
- 13px - 14px - 15px - 17px - 19px
Pero cuando miro los tamaños de fuente reales, la escala predeterminada en uso es más o menos:
- 13px - 15px - 17.25px - 22px - 26px
Espaciado
Veo que los nuevos elementos como la barra lateral introducen variables raíz para el espaciado. Por ejemplo:
Eso definitivamente facilita el ajuste del diseño de la barra lateral. Pero no se traduce a ningún otro elemento de diseño. Por otro lado, no veo variables de espaciado fundamentales que permitan ajustes de diseño más consistentes en toda la aplicación. ¿Está esto en el plan de desarrollo de alguna manera?
General
Sería genial saber si hay planes para avanzar hacia un sistema de diseño más consistente y simple.
Parece que hay demasiadas definiciones no relacionadas e independientes en este momento, y hacen que sea bastante difícil construir un diseño consistente y rítmico con una noción de facilidad (y alegría 
).
Entiendo que es una aplicación grande con una gran cantidad de elementos diferentes. Sin embargo, acabo de hacer una pequeña prueba en la vista de lista predeterminada más reciente:
Esta es una reconstrucción con cada valor de espaciado elegido de una progresión geométrica muy simple (2px/4px/8px/16px/32px/64px). Y tamaños de fuente de solo 4 valores:
¿No parece que, desde el punto de vista del diseño, no hay necesidad del número de definiciones únicas que existen actualmente en toda la aplicación?
