Schreibt ein schickes Thema ... lohnt es sich, es nach oben zu senden, oder nicht?

Hallo!

Letzten Monat ist mein Lieblingsforum auf Discourse umgestiegen. Das war größtenteils ein Upgrade, aber die Leute haben sich über das Aussehen und Gefühl beschwert*. Also beschloss ich, es zu beheben, und am Ende machte ich eine umfassende Stil-Überarbeitung. Jetzt überlege ich, ob ich mir die Mühe machen soll, es in ein richtiges Theme zu verwandeln und es upstream zu integrieren, oder ob das unrealistisch ist.

Ich denke, die Leute in anderen Foren könnten es auch als alternatives Theme schätzen, aber ich weiß nicht, wie schwierig es wäre, die Dinge zusammenzuführen. Was ich getan habe, weicht ziemlich stark vom üblichen Theme-Design von Discourse ab… was sowohl Teil des Reizes als auch Teil der Schwierigkeit ist.

Es ist noch in Arbeit, aber hier sind einige Screenshots:

Es ist so konzipiert, dass mehrere Farbpaletten relativ einfach erstellt und zwischen ihnen gewechselt werden können, und hier sind drei, die bisher existieren.

Tagesmodus:

Nachtmodus:

Gemütliches Grau:

Thread-Beiträge gibt es in 4 Geschmacksrichtungen: Normal (grau mit blauem Header), Admin/Moderator (grün), Thread-Autor (cyan) und aktuell angemeldeter Benutzer (lila oder pink). Alle sind leicht zu ändern.

Die Vorschau des Editors und der Grippie passen zum Stil des “aktuellen Benutzers”. Auch die Scrollbalken passen zum Seiten-Theme. Die Zeitleiste ist so gestaltet, dass sie eher wie ein Scrollbalken aussieht.

Die Topic-Liste verwendet, wenn möglich, 1-Zeilen-Zeilen mit Tigerstreifen. Heatmap-Elemente sehen mehr wie Feuer aus.

Benutzer-/Benachrichtigungsmenü:

Klarere Verschachtelung von eingebetteten Beiträgen:

Eine Benutzerinformationskarte und Link-Vorschau:

Vorerst ist es nur ein großer Stylesheet-Override und ein kleineres Stylesheet zur Definition der Farben. Aber wenn es machbar ist, das Theme upstream akzeptieren zu lassen, könnte ich es in ein richtiges Discourse-Theme umwandeln.

13 „Gefällt mir“

Wirklich einzigartig, tolle Arbeit!

(Jede Theme-Showcase sollte übrigens Chatbot beinhalten :wink: )

5 „Gefällt mir“

Oh, ähm, das ist noch in Arbeit, aber wenn jemand versuchen möchte, das bisherige Ergebnis zu testen… der einfachste Weg ist lokal mit einem Stylesheet-Override im Browser:

  1. Installiere Stylus, falls du es noch nicht hast.
  2. Wenn eine Discourse-Seite geöffnet ist, klicke auf das Stylus-Symbol.
  3. Klicke unter “Stil für schreiben” auf “this-site.tld”.
  4. Füge einen Themenschleinertitel hinzu.
  5. Füge den Inhalt der passenden CSS-Datei ein, die unten verlinkt ist. Idealerweise zuerst die Datei style.css, da die anderen davon abhängen.
  6. Speichern.
  7. Wiederhole dies für die anderen Dateien, eine pro Thema.
  8. Aktiviere das Basisthema und eines der anderen Themen. Deaktiviere das/die andere(n) Thema(en).

Ich überlege noch, ob ich es in ein installierbares serverseitiges Thema umwandeln soll. Im Forum, für das ich das gemacht habe, hat der Administrator einfach eine weitere Instanz von Sam’s Simple Theme installiert und dies als Stylesheet-Overrides darüber gelegt… was funktioniert, aber nicht ideal ist.

1 „Gefällt mir“

Zum besseren Verständnis, hier sind die Beschwerden über das Standarddesign, die ich zu beheben versucht habe:

  • Zu schlicht.
  • Zu viel leerer Platz.
  • Nicht genügend Informationen gleichzeitig auf dem Bildschirm. Sie wünschten sich eine höhere Informationsdichte.
  • Manchmal war unklar, welche Seitenelemente angeklickt werden können … wie die Start- und Enddaten im Zeitleisten-Widget.
  • Manchmal war unklar, wie Seitenelemente miteinander zusammenhängen … wie Beiträge, eingebettete Beiträge und Zitate. Manche Leute dachten, es gäbe nicht genügend visuelle Hinweise, um die Struktur zu verdeutlichen.
  • Nicht genügend visuelle Trennung zwischen den Seitenelementen. Alles schien auf einem einzigen durchgehenden Dokument gedruckt zu sein.
  • Die Leute forderten ausdrücklich einzeilige Themenlistenzeilen und Tigerstreifen.

Daher habe ich mich für etwas Kompakteres, Farbenfroheres, Dreidimensionaleres mit expliziterer visueller Struktur entschieden … wie ein Stapel Karten anstelle eines einzigen durchgehenden Dokuments. Im Grunde das Gegenteil des flachen minimalistischen Stils, der in letzter Zeit beliebt war.

Minimale Designs sind eine gute Standardeinstellung, da sie praktisch, zugänglich und neutral sind. Aber für Leute, die eine Alternative dazu wünschen, habe ich etwas … anderes gemacht. :sweat_smile:

3 „Gefällt mir“

Dies ist noch alles in Arbeit, aber ich habe begonnen, Unterstützung für das Chat-Widget hinzuzufügen…

1 „Gefällt mir“

Tolle Arbeit. Ich liebe es.

1 „Gefällt mir“

Tolles Thema!

Ich habe dich zur Gruppe der Theme-Autoren hinzugefügt, damit du ein Thema für dein Theme unter Theme erstellen kannst, was es den Leuten ermöglicht, es mit einem Knopfdruck auf ihren Instanzen zu installieren.

8 „Gefällt mir“

Danke!

Ich war eine Weile wegen einer Erkältung außer Gefecht, aber das ist jetzt fast vorbei, also kann ich hoffentlich bald damit beginnen, ein richtiges Theme zu erstellen, anstatt nur eine Stylesheet-Überschreibung.

3 „Gefällt mir“

Mach es, hol es in den GitHub-Container!!

2 „Gefällt mir“

Wo ist das geblieben? Lassen Sie diese großartige Arbeit nicht ungeteilt.

1 „Gefällt mir“

Übrigens, das ist irgendwie der Sinn des Standardthemas – es ist dazu da, darauf aufzubauen.

Klick-/Touch-Ziele sind teilweise der Grund dafür – unterschätzen Sie nicht den Nutzen von Abständen, wenn Sie versuchen, mit dem Daumen ein bestimmtes Steuerelement zu treffen!

1 „Gefällt mir“