Discourse Kostenlose Plan Einrichtung - Optionen sind schwer zu lesen

Auf der Einrichtungsseite des Discourse Kostenlosen Plans sind die Optionen recht schwer zu lesen:

6 „Gefällt mir“

@derek Habe versucht, diese Seite zu finden, aber du wirst zweifellos schneller sein

2 „Gefällt mir“

Hallo @NateDhaliwal! Ich konnte dies in Chrome, Safari und FF unter MacOS im Dunkelmodus nicht reproduzieren:

Allerdings habe ich eine fehlende CSS-Variable für den Dunkelmodus-Hintergrund dieser Umschalter gefunden, die die Ursache sein könnte. Habe gerade einen Fix gepusht:

4 „Gefällt mir“

Hallo @derek, ich melde dies weiterhin unter Chrome, Windows 10.

Sind Sie sicher, dass dies kein Cache-Problem ist? Haben Sie versucht, hart (Strg+Umschalt+R) neu zu laden? Haben Sie Dark Reader installiert?

Ja, das habe ich gerade versucht, keine Änderung. Keine Fehler in der Browserkonsole (obwohl ich bezweifle, dass es dort angezeigt würde).

Ich habe es gerade auf meinem Handy (iOS/Orion) überprüft und es sieht so aus, wie es beabsichtigt ist. Versuchen Sie, mit einem anderen Browser, vorzugsweise einem, der die Seite noch nicht besucht hat, auf der Website zu /wizard zu gehen

1 „Gefällt mir“

@NateDhaliwal Ich habe dies gerade in Chrome unter Windows 10 versucht, konnte es aber nicht reproduzieren. Sehen Sie dies lokal oder auf einer gehosteten Instanz?

Könnten Sie das Umschaltelement in DevTools (Rechtsklick → Inspizieren) überprüfen und mitteilen, was Sie im Styles-Bereich sehen?

1 „Gefällt mir“

Ich habe mir die Stile angesehen, und das scheint der Schlüsselteil zu sein:

Die Variable --1e94960e-csstools-light-dark-toggle--2 steuert hier die Hintergrundfarbe.

Soweit ich das beurteilen kann, sehen die Definitionen der Variablen --wizard-primary-900 und --csstools-color-scheme--light wie folgt aus:

image

Wenn man die background-color ändert oder die Variablen hinzufügt und zufällige Farben wie green oder yellow einfügt, sieht es korrekter aus (obwohl ich ehrlich gesagt keine Ahnung habe, warum Grün oder Gelb nicht angezeigt werden: Ich vermute, es ist eine falsche Syntax?):

3 „Gefällt mir“

Danke für die Details, @NateDhaliwal. Ich vermute, es hängt mit dieser fehlenden CSS-Variable zusammen, wenn der Hell-/Dunkelmodus beteiligt ist, und wie diese über PostCSS kompiliert wird. Es sieht so aus, als würde der Browser auf die Hintergrundfarbe des Hellmodus zurückfallen, was seltsam ist, da ich dies nicht reproduzieren kann.

Anhand der Screenshots zu urteilen, war mein Fix noch nicht auf Ihrer Instanz bereitgestellt. Er sollte jetzt dort bereitgestellt sein. Versuchen Sie es also erneut und lassen Sie mich wissen, ob Ihnen noch etwas auffällt.

1 „Gefällt mir“