Dark-/Light-Modus Umschalter

Hallo liebes Discourse-Team und Forenteilnehmer :raising_hand_man:

Ich habe kürzlich festgestellt, dass Schnelllink zum Öffnen des Editors für eine persönliche Nachricht nicht mit der Theme-Komponente Dark/Light Mode Toggle kompatibel ist, wenn ich ein Smartphone mit dem Android-Betriebssystem verwende. Genauer gesagt, wenn Sie auf den Link klicken, öffnet sich der Nachrichten-Editor für einen Bruchteil einer Sekunde und schließt sich dann wieder zu einem Entwurf. Ich habe alle Theme-Komponenten und Plugins überprüft und festgestellt, dass sich der Editor nur dann so verhält, wenn die Dark/Light Mode Toggle-Komponente unter Android aktiviert ist. Hier ist ein Video:

Im Video habe ich 2 Szenarien gezeigt.

  1. Wenn Sie zum ersten Mal auf den Link klicken, öffnet sich der Editor schnell und schließt sich im selben Moment.
  2. Wenn Sie erneut auf den Link klicken, öffnet sich der Editor aus dem gespeicherten Entwurf, und nachdem Sie den vorherigen Entwurf gelöscht haben, öffnet sich der Editor im normalen Modus.
4 „Gefällt mir“

Hallo, können Sie mir helfen, wie ein Administrator diese Website-weite implementiert? Vielen Dank

2 „Gefällt mir“

Danke für die Meldung dieses ziemlich seltsamen und interessanten Fehlers!

3 „Gefällt mir“

Vielen Dank für diese Komponente :pray: :slightly_smiling_face:
Habe sie gerade installiert und sie funktioniert auf dem Desktop und unter Android ziemlich gut.

4 „Gefällt mir“

Siehe Screenshot:

Sie sagen also, dass die Toggle-Einstellung keine Toggle-Einstellungsoption im Frontend hinzufügt und dass ich dieses Plugin installieren muss, ja?

Wenn „nein“, wo finde ich den Toggle-Schalter, jetzt wo ich Dunkel-Hell-Toggle gemäß dem obigen Screenshot aktiviert habe?

Danke

Das ist richtig. Sobald Sie diese Themenkomponente in Ihr Thema einfügen, speichern und die Seite aktualisieren, sollten Sie das Symbol zum Umschalten des Dunkel-/Lichtmodus sehen. :slight_smile:

3 „Gefällt mir“

Es scheint also, dass es bereits installiert ist. Ich habe gerade versucht, es zu installieren, und es wurde gesagt, dass es bereits installiert ist. Was Sie in meinem vorherigen Screenshot sehen können.

Aber dann gibt es immer noch keine Umschaltoption:
image

Vielleicht hast du kein dunkles Thema definiert, das umgeschaltet werden kann?
Falls ja, siehe oben unter Dark/Light Mode Toggle.

2 „Gefällt mir“

Muss ich ein separates „Theme“ haben? Ich benutze das Standard-Theme. Ich kann zum Dark Mode wechseln, wie hier gezeigt.

Der Umschalter ist jedoch nur dann als Symbol sichtbar, wenn ich in den Einstellungen „Dunkel“ auswähle. Ich möchte, dass auch erstmalige Besucher das Mondsymbol unten links sehen. Möglich?

Bearbeitung: Gelöst, wie am Ende dieses Beitrags beschrieben. Es lag alles an MIR!

1 „Gefällt mir“

Hallo, ich möchte das dunkle Thema als Standard in meinem Discourse-Forum festlegen. Ich möchte den Benutzern jedoch auch die Möglichkeit geben, auf das helle Thema umzuschalten, wenn sie dies bevorzugen.

Meine Frage ist: Wie kann ich sicherstellen, dass das Farbschema des Forums nicht automatisch basierend auf den Systemeinstellungen des Benutzers geändert wird? Ich möchte, dass es standardmäßig beim dunklen Thema bleibt und nur auf hell wechselt, wenn ein Benutzer es manuell auswählt. Jede Anleitung zur Einrichtung wäre sehr dankbar.
Vielen Dank!

Ich hatte gehofft, dass dieser Fehler mit den neuesten Discourse-Updates verschwinden würde, aber er besteht immer noch.

3 „Gefällt mir“

Wenn ich alles einrichte, und der helle Modus eingeschaltet ist, wird bei jedem Aktualisieren der Seite immer der dunkle Modus angezeigt. Bei jeder einzelnen Aktualisierung, wie kann ich das stoppen? @jordan.vidrine

2 „Gefällt mir“

Könnten Sie mir bitte alle Schritte mitteilen, die Sie für Ihr Setup benötigen?

Ist Ihr Betriebssystem auf automatisch, dunkel oder hell eingestellt?

4 „Gefällt mir“

Hallo, ist es möglich, einen dritten Schalter zu haben? Ähnlich wie Twitter Hell, Gedimmt, Dunkel hat?

Wenn ja, wie kann ich ihn hinzufügen?

1 „Gefällt mir“

Wir haben keinen dritten Schalter. Um diesen hinzuzufügen, wäre ein PR zur Theme-Komponente erforderlich, die im OP dieses Themas verlinkt ist.

3 „Gefällt mir“

Nach dem Upgrade von Discourse auf 3.2.0 sehe ich diese Fehler in den Protokollen

Das Dark-Light-Toggle-Theme/Komponente wirft Fehler:
TypeError: Kann keine Eigenschaften von null lesen (lesen von ‘en’)

Backtrace:

TypeError: Kann keine Eigenschaften von null lesen (lesen von 'en')
    at Object.initialize (https://site.com/theme-javascripts/56ff324506efb7c3883ba59ee00cc753852ee8cc.js?__ws=site.com:5:51)
    at n.initialize (https://site.com/assets/chunk.6d10396b901f5b95b67e.d41d8cd9.js:2:309459)
    at https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:141483
    at e.each (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:368590)
    at e.walk (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:367606)
    at e.each (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:366959)
    at e.topsort (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:367005)
    at e._runInitializer (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:141795)
    at e.runInitializers (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:141441)
    at e._bootSync (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:110927)
    at e.domReady (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:110503)
    at invoke (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:358129)
    at h.flush (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:357216)
    at p.flush (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:358979)
    at B._end (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:364062)
    at B._boundAutorunEnd (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:360486)
2 „Gefällt mir“

Wie ist diese Einstellung in der Theme-Komponente festgelegt? Ist die Theme-Komponente auch auf dem neuesten Stand?

2 „Gefällt mir“

Es steht auf dem neuesten Stand

2 „Gefällt mir“

Was sind die Schritte zur Reproduktion dieses Fehlers? Passiert etwas auf Ihrem Bildschirm? Nur in der Konsole?

1 „Gefällt mir“

Ich habe keine visuellen Probleme mit dem Betrieb. Bisher nur die Protokolle in der Konsole.

2 „Gefällt mir“