Ich würde gerne benutzerdefinierte Themes und Komponenten erstellen, die mit dem Discourse-Designsystem übereinstimmen und sich auf konsistente und harmonische Weise in die App einfügen.
Allein wenn ich mir den Code und die Art und Weise ansehe, wie Stile im Kern definiert und angewendet werden, fällt es mir schwer, den Überblick zu behalten und die Vision des Designsystems zu erfassen.
Ich werde versuchen, dies in drei Hauptthemen zu unterteilen: Farbe, Typografie und Abstände.
Farbe
Vor zwei Jahren wurde eine numerische Skala für einige Werte eingeführt. Ich glaube, es wurde erwähnt, dass diese nur zur Ergänzung der benannten Farbtransformationen dient. Für den tertiären Farbwert sieht es jetzt so aus:
Ich sehe beide Modelle im neuen Code im Kern angewendet. Ist die langfristige Idee, sie nebeneinander zu verwenden, oder gibt es eine andere Vision?
Sollte es in jedem Fall eine numerische Skala für alle vier Hauptfarbwerte geben? Im Moment gibt es sie nur für Primär- und Tertiärfarben, aber nicht für Sekundär- und Quartärfarben.
Typografie
Derzeit sind drei verschiedene Arten von Schriftgrößenprogressionen definiert:
Diese wurden auch seit über zwei Jahren nicht mehr aktualisiert. Sollten diese im neuen Code überhaupt verwendet werden? Ehrlich gesagt habe ich die Multiplikatordefinitionen nie angefasst, da es schwierig ist, die tatsächliche endgültige Schriftgröße zu definieren. Aber auch die Basis-Schriftartdefinitionen verstehe ich nicht. Die definierte Skala wäre:
- 13px - 14px - 15px - 17px - 19px
Aber wenn ich mir die tatsächlichen Schriftgrößen ansehe, ist die Standardskala mehr oder weniger:
- 13px - 15px - 17,25px - 22px - 26px
Abstände
Ich sehe, dass neue Elemente wie die Seitenleiste Root-Variablen für Abstände einführen. Zum Beispiel:

Das erleichtert definitiv die Anpassung des Seitenleistenlayouts. Aber es überträgt sich nicht auf andere Layout-Elemente. Andererseits sehe ich keine grundlegenden Abstandsdefinitionen, die konsistentere Layout-Anpassungen in der gesamten App ermöglichen würden. Ist dies in irgendeiner Weise auf der Roadmap?
Gesamt
Es wäre toll zu wissen, ob es Pläne gibt, sich in Richtung eines konsistenteren und einfacheren Designsystems zu bewegen?
Es scheint im Moment einfach zu viele zusammenhanglose und eigenständige Definitionen zu geben, und sie machen es ziemlich schwierig, ein konsistentes und rhythmisches Layout mit einem Gefühl von Leichtigkeit (und Freude
) zu erstellen.
Ich verstehe, dass es eine große App mit vielen verschiedenen Elementen ist. Ich habe jedoch nur einen kleinen Test auf der Standard-Listenansicht durchgeführt:
Dies ist ein Neuaufbau mit jedem Abstandswert, der aus einer sehr einfachen geometrischen Progression (2px/4px/8px/16px/32px/64px) gewählt wurde. Und Schriftgrößen aus nur 4 Werten:
Es scheint mir, dass es aus Design-Sicht keine Notwendigkeit für die Anzahl der eindeutigen Definitionen gibt, die jetzt in der gesamten App vorhanden sind?






