Dunkel-/Hellmodus-Umschalter jetzt im Kern verfügbar

[Osama]

Das Dark/Light Mode Toggle Theme Component, das einen Schalter hinzufügt, um Benutzern den einfachen Wechsel zwischen hellem und dunklem Modus zu ermöglichen, wurde in den Discourse-Kern integriert und kann über die Website-Einstellung interface color selector aktiviert werden.

Zusätzlich zu verschiedenen Fehlerbehebungen und Verbesserungen unterscheidet sich die Kernversion leicht von der ursprünglichen Theme Component, da sie eine dritte Option „Auto“ enthält, die den Farbmodus der Website an die Systemeinstellung des Geräts des Benutzers anpasst.

Der Farbwähler kann über die Website-Einstellung interface color selector so konfiguriert werden, dass er entweder in der Kopfzeile der Website neben dem Suchsymbol oder im Fußzeilenbereich der Seitenleiste erscheint.

Hier ist ein Screenshot, wenn er sich im Fußzeilenbereich der Seitenleiste befindet:

Und hier ist, wenn er sich in der Kopfzeile befindet:

Bestehende Benutzer der Theme Component

Wir haben die Theme Component als veraltet markiert und ein letztes Update veröffentlicht, um zu erkennen, ob die Kernversion verfügbar ist, und Administratoren zu benachrichtigen, diese zu löschen und die Kernversion zu aktivieren. Hier ist ein Screenshot der Admin-Benachrichtigung:

Sobald die Kernversion aktiviert ist, hat die Theme Component keine Auswirkung mehr auf Ihre Website. Sie sollten sie jedoch trotzdem vollständig löschen, um zukünftige Probleme zu vermeiden, da wir keine Wartung mehr für die Theme Component durchführen werden.

[Kevin7 (Kévin .)]

Hallo, danke für diese neue Funktion, aber ich frage mich, warum die Schaltflächen im Dunkelmodus immer noch schwarzen Text und Symbole haben, anstatt einfach weiß zu werden. Wie kann ich dafür sorgen, dass der Text und die Symbole auf den Schaltflächen weiß werden, wenn der Dunkelmodus aktiv ist? Vielen Dank.

[Osama]

[Zitat=“Kévin ., posten:2, Thema:350991, Benutzername:Kevin7”]
Ich frage mich, warum die Schaltflächen immer noch schwarzen Text und Symbole haben, wenn der Dunkelmodus aktiviert ist, anstatt einfach weiß zu werden. Wie kann ich bewirken, dass der Text und die Symbole auf den Schaltflächen weiß werden, wenn der Dunkelmodus aktiv ist?
[/Zitat]

Kannst du einen Screenshot des Problems teilen, das du siehst?

[Kevin7 (Kévin .)]

Hier ist ein Beispiel: Wenn ich Discourse auf den Dunkelmodus umschalte, bleiben einige Schaltflächentexte schwarz. Ich glaube, es wäre sinnvoller, wenn der Text weiß wäre. Ich habe jedoch eine CSS-Lösung gefunden, die dieses Problem meiner Meinung nach gut behebt.

$button-text-color: dark-light-choose(#ffffff, $primary);

:root {
  --button-text-color: #{$button-text-color};
}

.btn-primary {
  color: var(--button-text-color) !important;
  
  .d-icon {
    color: var(--button-text-color) !important;
  }
}

[Osama]

@Kevin7

Einige Schaltflächentexte bleiben schwarz.

Das ist eine bewusste Designentscheidung unsererseits für primäre Schaltflächen (diejenigen mit blauem Hintergrund in der Standardfarbpalette), daher werden wir dies nicht für alle ändern. Allerdings ist Discourse sehr flexibel und verfügt über ein Theming-System zur Überschreibung von Kern-CSS.

[joo (slower)]

Ich habe die Einstellung bereits vorgenommen, kann die Option aber nicht sehen. Könnten Sie bitte den Grund erklären?

[Osama]

Haben Sie in Ihren Einstellungen unter /my/preferences/interface eine helle und eine dunkle Palette ausgewählt? Der Schalter wird nur angezeigt, wenn sowohl eine helle als auch eine dunkle Palette ausgewählt sind:

[patrickemin]

Hallo, ich sehe diese Farbpaletten-Einstellung nicht in meinen Präferenzen, nur „Thema“ und „Dunkler Modus“:

[Osama]

Ich glaube, wenn Sie das Kontrollkästchen für den dunklen Modus aktivieren (ich nehme an, „Mode sombre“ bedeutet im Französischen dunkler Modus), dann erscheint der Schalter für Sie. Können Sie das einmal ausprobieren?

Die Farbpaletten-Einstellungen in meinem letzten Beitrag oben werden angezeigt, wenn Ihre Website mehrere dunkle Paletten hat, aus denen Benutzer auswählen können. Wenn nur 1 Farbpalette verfügbar ist, wird das Dropdown-Menü durch das Kontrollkästchen ersetzt, das Sie sehen.

[Andrew_Rowe]

Es tut mir wirklich leid… wo ist die Einstellung, um diese Funktion zu aktivieren?
Es muss nicht installiert werden?
Mit der neuen Admin-Oberfläche bin ich etwas durcheinander.

[StefanoCecere]

wird auf Mobilgeräten / iPhones nicht angezeigt
auf dem Desktop: perfekt.
Ich erinnere mich, dass die vorherige Version (die Komponentenversion) angezeigt wurde.

[Jagster (Jakke Lehtonen)]

Nur zur Veranschaulichung, dass einige iPhones und Foren funktionieren.

Es ist im Kern… das bedeutet, es sollte im abgesicherten Modus angezeigt werden, schätze ich. Wenn das passiert, gibt es einen Konflikt mit einer anderen Komponente, einem Theme oder einem Plugin.

Andernfalls

• Discourse ist nicht aktuell genug
• der Schalter ist in den Website-Einstellungen nicht aktiviert
• der Dunkelmodus ist nicht auf Website-Ebene oder in den Benutzereinstellungen aktiviert

[StefanoCecere]

seltsam, da es bis vor ein paar Tagen noch funktionierte

ich komme in ein paar Tagen wieder.. mal sehen
Danke

[StefanoCecere]

Ich habe diese beiden Optionen nicht… nur die normale…

[StefanoCecere]

Verstanden! Aber es war schwierig
in einer Mischung aus verschiedenen Einstellungen und persönlichen Vorlieben… ich denke, wir sollten es einfacher machen, einem Theme zwei Farbschemata (dunkel und hell) zu geben.

[patrickemin]

@Osama

Ich glaube, wenn Sie das Kontrollkästchen für den dunklen Modus aktivieren (ich gehe davon aus, dass „Mode sombre“ auf Französisch dunkler Modus bedeutet), dann erscheint der Schalter für Sie. Können Sie das mal ausprobieren?

Nun, er erscheint nicht in der Fußzeile der Seitenleiste.

[Osama]

@Andrew Rowe

Es tut mir wirklich leid… Wo ist die Einstellung, um diese Funktion zu aktivieren?
Muss sie nicht installiert werden?
Mit der neuen Admin-Oberfläche bin ich etwas verwirrt

Wenn Sie auf Ihrer Seite /admin/site_settings/category/all_results?filter=interface_color_selector aufrufen, sollten Sie die Einstellung sehen können.

@Patrick EMIN

Naja, nein, sie taucht nicht im Seitenleisten-Footer auf.

Wenn Sie die Systemeinstellung auf Ihrem Smartphone/Computer von hell auf dunkel (oder umgekehrt) umstellen, ändert sich Ihre Discourse-Oberfläche dann, um der Systemeinstellung zu entsprechen, oder bleibt sie unverändert (im hellen oder dunklen Modus)?

Da der Kern-Selektor hier und auf vielen anderen Seiten funktioniert, muss es irgendwo eine Konfigurationsfrage geben, die dazu führt, dass der Selektor nicht angezeigt wird. Können Sie die Ausgabe dieser Befehle teilen, wenn Sie sie in der Browser-Konsole ausführen, während Sie in Ihrem Konto eingeloggt sind?

(({dark_scheme_id, color_scheme_id}) => { return {dark_scheme_id, color_scheme_id}} )((await (await fetch(`/u/${Discourse.User.current().username}.json`)).json()).user.user_option)

Discourse.SiteSettings.default_dark_mode_color_scheme_id

[patrickemin]

Meine Einstellung ist in Ordnung (unten in der Seitenleiste). Wenn ich auf Mobilgeräten oder PCs zum Dunkelmodus wechsle, ändert sich nichts, und für die Konsole weiß ich nicht, wie ich sie benutzen soll, sorry

[Jagster (Jakke Lehtonen)]

Aber Ihre dunklen Farbeinstellungen in den Systemeinstellungen und/oder Ihre persönlichen Einstellungen sind wahrscheinlich nicht richtig.

[patrickemin]

Nun, wahrscheinlich, ich hatte immer Schwierigkeiten mit dieser Art von Einstellungen, aber es ist nicht so wichtig, ich lasse es einfach so, danke fürs Versuchen zu helfen.