J’aimerais créer des thèmes et des composants personnalisés qui soient alignés sur le système de conception de Discourse et qui s’intègrent de manière cohérente et harmonieuse dans l’application.
En regardant simplement le code et la manière dont les styles sont définis et appliqués dans le cœur, je trouve difficile de comprendre la vision d’ensemble et la direction envisagée du système de conception.
J’essaierai de décomposer cela en trois sujets principaux : la couleur, la typographie et l’espacement.
Couleur
Il y a eu une introduction d’une échelle numérique pour certaines valeurs il y a deux ans. Je pense qu’il a été mentionné que cela ne visait qu’à compléter les transformations de couleurs nommées. Pour la valeur de couleur tertiaire, cela ressemble maintenant à ceci :
Je vois les deux modèles appliqués dans le nouveau code du cœur. L’idée à long terme est-elle de continuer à les utiliser côte à côte ou y a-t-il une vision différente ?
Dans tous les cas, ne devrait-il pas y avoir une échelle numérique pour les quatre valeurs de couleur principales ? Pour l’instant, ce n’est que pour le primaire et le tertiaire, mais pas pour le secondaire et le quaternaire.
Typographie
Il existe actuellement trois types différents de progression de la taille de la police définis :
Il n’y a pas eu de mises à jour à ce sujet depuis plus de deux ans. Faut-il les utiliser dans le nouveau code ? Franchement, je n’ai jamais touché aux définitions de multiplicateurs car il est difficile de définir la taille de police finale réelle. Mais je ne comprends pas non plus les définitions de police de base. L’échelle définie serait :
- 13px - 14px - 15px - 17px - 19px
Mais quand je regarde les tailles de police réelles, l’échelle par défaut utilisée est plus ou moins :
- 13px - 15px - 17.25px - 22px - 26px
Espacement
Je vois que de nouveaux éléments comme la barre latérale introduisent des variables racines pour l’espacement. Par exemple :
Cela facilite certainement l’ajustement de la mise en page de la barre latérale. Mais cela ne se traduit pas par d’autres éléments de mise en page. D’un autre côté, je ne vois pas de variables d’espacement fondamentales être introduites qui permettraient des ajustements de mise en page plus cohérents dans toute l’application. Est-ce que cela est prévu d’une manière ou d’une autre ?
Général
Ce serait formidable de savoir s’il existe des plans pour évoluer vers un système de conception plus cohérent et simple ?
Il semble y avoir trop de définitions non liées et autonomes pour le moment, et elles rendent très difficile la création d’une mise en page cohérente et rythmique avec une notion de facilité (et de joie 
).
Je comprends que c’est une grande application avec une tonne d’éléments différents. Cependant, j’ai juste fait un petit test sur la dernière vue de liste par défaut :
Ceci est une reconstruction avec chaque valeur d’espacement choisie dans une progression géométrique très simple (2px/4px/8px/16px/32px/64px). Et les tailles de police à partir de seulement 4 valeurs :
Il semble simplement qu’en termes de conception, il n’y ait pas besoin du nombre de définitions uniques qui existent actuellement dans toute l’application ?
