🌅 Wir stellen vor: Horizon, unser neuestes Theme

[sam (Sam Saffron)]

Für diejenigen, die Bedenken hinsichtlich des Platzes haben, halte ich es für wichtig, das Gespräch in zwei Teile zu teilen.

Optimal Line Length for Readability

WCAG empfiehlt, Zeilen für Nicht-CJK-Text auf 80 Zeichen oder weniger zu beschränken. Unsere Designs versuchen, dies zu berücksichtigen; Horizon liegt derzeit bei ca. 76.

Es gibt hier also zwei Gespräche:

1. Ich bin mit WCAG und Usability-Experten nicht einverstanden; ich möchte einfach, dass Zeilen so lang sind, wie ich es möchte, und möchte nicht, dass jemand das 80-Zeichen-Limit durchsetzt.

2. Ich bin mit WCAG einverstanden – ich denke nur, dass es einen alternativen Ausrichtungstrick gibt, der verwendet werden kann, um die Dinge besser aussehen zu lassen.

Können diejenigen in (2) ein oder zwei Screenshots teilen, die ein besseres Layout für extrem breite Bildschirme zeigen?

Für diejenigen in (1) denke ich, dass der Ansatz hier „benutzerdefinierte Komponente“ ist.

[Moin]

@lindsey

Ich werde bald nachfassen!

Gibt es ein Update dazu?

[tpetrov (Toni Petrov)]

Das Theme sieht großartig aus!
Aber warum funktioniert es hier auf Meta nicht mit den erweiterten KI-Zusammenfassungen?

[asa]

Es geht ja eher darum das man bei einen Widescreen einen riesen weissen Fleck hat, ich habe ein paar User die auch einen Widescreen haben mit ähnlichen Feedback das es eher stört als hilfreich ist. Ich kann ja nicht sagen “ja das ist die WCAG Richtline” oder “Kauf doch einen “normalen” Bildschirm.

Ich denke der Vorschlag von @SubStrider in Help us test Horizon, our newest theme - #70 by SubStrider ist sehr hilfreich.

Oder eventuell kann man die Navigation mittig stellen.

[lindsey (Lindsey Fogle)]

@Moin

Gibt es ein Update dazu?

Wir haben uns noch nicht darum gekümmert, aber es steht auf unserer Liste, sich darum zu kümmern.

Tatsächlich hat sich einer meiner Kollegen gerade damit beschäftigt und bestätigt, dass die einzige zusätzliche Zeichenfolge, die von Horizon hinzugefügt wurde (die Themenbeschreibung), bereits in Crowdin verfügbar ist. Wir sollten also in dieser Hinsicht bestens aufgestellt sein.

[Moin]

@lindsey

Wir sollten also in dieser Hinsicht alles erledigt haben.

Ich dachte, das Theme hätte auch 2 Einstellungen, deren Beschreibungen übersetzt werden sollten. Sollen sie auf Englisch bleiben, soll ich sie zu dieser Datei hinzufügen, sollen sie in die Datei en.yml verschoben werden, damit sie leicht in Crowdin übersetzt werden können, oder planen Sie, sie jetzt zu entfernen, da themenbezogene Website-Einstellungen hinzugefügt wurden?
https://github.com/discourse/discourse/blob/main/themes/horizon/settings.yml

[Moin]

@Moin

Planen Sie, diese jetzt zu entfernen, da themenbezogene Website-Einstellungen hinzugefügt wurden?

DEV: Use themeable site settings for Horizon

Glücklicherweise habe ich geduldig auf ein Update gewartet. Ich habe eine Weile darüber nachgedacht, ob ich einfach einen Pull-Request erstellen sollte, um die Texte zu verschieben. Das wäre offensichtlich Zeitverschwendung gewesen.

[Jagster (Jakke Lehtonen)]

Nun, ich tue es nicht.

Ich habe Horizon auf meinem Forum deaktiviert, weil es viel zu oft Fragen gab, wie man ein Thema startet. Mobile Nutzer nutzen die Seitenleiste sehr selten.

Aber diese Frage wurde diskutiert und die Forderung, einen zusätzlichen Klick zu machen, um eine der Grundfunktionen in Foren auszuführen, wurde nicht als Problem betrachtet

[Jagster (Jakke Lehtonen)]

Nun…

Help us test Horizon, our newest theme

DiscourseHub and mobile: [This image shows a screenshot of the Google Assistant interface and Windows settings on a smartphone with a 31% battery level. (Tekoälyn laatima kuvateksti)] Forcing to use the sidebar to start new topic wouldn’t be the smartest move, if the target is not the most skilful users (specially when a mobile is used)

(Jemand fragte kürzlich in einem anderen Thema, wann Benutzer die vollständige Zitatfunktion verwenden würden. Dies könnte ein Beispiel sein, da ich diese beiden neuesten Beiträge als „Verschieben in vorgeschlagenes Thema“ markieren werde, und dann würde die vollständige Zitatfunktion etwas Kontext geben)

[chapoi]

Mini-Update:

Basierend auf einigen Rückmeldungen (alt und neu) haben wir beschlossen, die Schaltfläche Thema erstellen auf Mobilgeräten wieder einzuführen.

Sie finden sie wieder an ihrem alten Platz. Die neue Seitenleistenversion bleibt ebenfalls bestehen.

[Nick-Permaculture (Nick J)]

@chapoi

Basierend auf einigen Rückmeldungen, die wir erhalten haben (alt & neu), haben wir beschlossen, die Schaltfläche „Thema erstellen“ auf Mobilgeräten wieder einzuführen.

Sie finden sie wieder an ihrem alten Platz. Die neue Seitenleistenversion bleibt ebenfalls bestehen.

Vielen Dank dafür. Ich sehe die neue Thema-Schaltfläche auf Mobilgeräten immer noch nicht, weder in der App noch über den Browser, ohne zuerst auf das Hamburger-Menü zu klicken. Ich verwende die neueste Version von Discourse und das Horizon-Theme. Irgendeine Idee?

EDIT – Das Team hat mir bei der Diagnose geholfen. Wenn Sie die stabile Version von Discourse 3.5.0 verwenden, wird die neue Thema-Schaltfläche auf Mobilgeräten nicht angezeigt, da der Commit erst mit der nächsten stabilen Version hinzugefügt wird. Wenn Sie die neue Thema-Schaltfläche auf Mobilgeräten vor diesem Zeitpunkt aktivieren müssen, können Sie diesen benutzerdefinierten CSS-Code verwenden:

.navigation-controls .fk-d-button-tooltip {
display: inline-flex !important;
}

[newkid (Chris)]

Hallo @lindsey. Wir haben ein Starter-Abonnement und ich bin neu in dieser Community-Meta. Aber wir sind gerade auf Horizon umgestiegen und erhalten bereits großartiges Feedback. Vielen Dank an alle für Ihre Bemühungen, Horizon zu entwickeln. Es wird unsere Community beeinflussen und uns bei unserer Mission unterstützen, die Immobilienbilanz für alle auszugleichen!

[cmahns (Colin Mahns)]

Gibt es eine Dokumentation darüber, wie die Hintergrundfarbe der Seitenleiste/Kopfzeile aus Farbschemata ausgewählt wird? Der Marken- und Styleguide meiner Organisation führt aufgrund unserer Farben zu einem sehr rosa Hintergrund, wobei Horizon #ffecea als Farbe auswählt, die weder in unserem Markenbuch noch im Theme enthalten ist.

Das aktuelle Theme ist unten aufgeführt:

{
“name”: “DSA Horizon Light”,
“light”: {
“primary”: “231F20”,
“secondary”: “ffffff”,
“tertiary”: “F04C53”,
“quaternary”: “EC1F27”,
“header_background”: “ffffff”,
“header_primary”: “3B3838”,
“selected”: “eae7e8”,
“hover”: “f2f1f1”,
“highlight”: “F5EBD6”,
“danger”: “F7A5A9”,
“success”: “009d63”,
“love”: “EC1F27”
“tertiary-med-or-tertiary”: “39845b”
}
}

[chapoi]

Der Hintergrund leitet sich von der tertiären Farbe, #595bca im folgenden Beispiel, ab

--background-color: light-dark(oklch(from #595bca 96% calc(c * 0.125) h), oklch(from #595bca 10% 0.025 h)) !important;

Definiert in dieser Datei _color_definitions_entrypoint.scss

Wenn Sie möchten, dass es ein helleres Rosa wird, müssten Sie die Werte anpassen; eine Änderung von 96 % auf 98 % erzeugt beispielsweise ein helleres Rosa.

[David_Ghost]

Gibt es eine Einstellung, um das Thema in einer einheitlichen Farbe zu haben, wie diese?

[Moin]

Ich denke, es hängt von der von Ihnen gewählten Farbpalette ab. Sie können hier auf Meta unter Ihren Einstellungen herausfinden, welche Sie verwenden, und diese dann für Horizon auf Ihrer Seite konfigurieren.