Wikipedia:Dark Mode/Probleme

Auf dieser Seite können Probleme mit dem MediaWiki-eigenen Dark Mode gemeldet werden. Sie ist im Erscheinungsbild-Menü des Skins Vector 2022 unter „Ein Problem mit dem Dunkelmodus melden“ verlinkt.

Probleme melden

Probleme können etwa sein:

• zu geringer Farbkontrast zwischen Text- und Hintergrundfarbe
• Darstellung von transparenten Grafiken auf dunklem Hintergrund
• fehlerhafte Invertierung von hellen Hintergrundfarben

Ein Problem melden

Probleme beheben

Probleme bitte nur dann beheben, wenn du ausreichend Erfahrung mit der Anpassung von Wikipediaseiten für den Dunkelmodus hast. Anpassungen sollen sich nur in Ausnahmefällen bzw. marginal auf die Darstellung im hellen Modus auswirken. Die Einschränkung farblicher Gestaltung im hellen Modus nur aufgrund der Optimierung für den Dunkelmodus ist unzulässig.

Archiv

Zur Archivübersicht

Automatische Archivierung

Auf dieser Seite werden Abschnitte ab Überschriftenebene 2 automatisch archiviert, die seit 3 Tagen mit dem Baustein {{Erledigt|1=--~~~~}} versehen sind.

Vorlage:Autoarchiv-Erledigt/Wartung/Parameter Zeigen auf Nein gesetzt

RGB-Bilder in Vorlagen

Gemeldet in Phabricator
Task T365622

Gemeldet in Phabricator
Task T367783

Vorlage:Begriffsklärung und ähnliche, die dieses Icon nutzen.

• _ _ _ N
• _ _ _?
• _ _ _?

Gilt entsprechend eventuell auch für →Schwesterprojektvorlagen und andere. --Liebe Grüße, Lómelinde Diskussion 09:00, 21. Jul. 2024 (CEST)

Die Schwesterprojekte werden u.a. in phab:T365622 und phab:T367783 behandelt. Es müsste möglich sein, Bilder abhängig vom Modus Hell/Dunkel auszutauschen. Das geht grundsätzlich per CSS, da muss ich mir aber noch eine gescheite Implementierung überlegen. -- hgzh 08:31, 22. Jul. 2024 (CEST)

Alles klar. In der Vorlage Begriffsklärung kann man das durchaus mit skin-invert machen. Ich hatte es auch mit ein paar Schwestericons probiert von dort hatte ich auch die Austauschfarben. --Liebe Grüße, Lómelinde Diskussion 09:30, 22. Jul. 2024 (CEST)

Butylgruppe

skin-invert geht da nicht blau wird lila …. Wie könnte man der Galerie und dem Bild unten sagen, dass für ein transparentes Bild nur dem inneren Bildhintergrund ein anderer Wert zugewiesen werden sollte? Also nicht so, das kann keiner erkennen. --Liebe Grüße, Lómelinde Diskussion 11:10, 23. Jul. 2024 (CEST)

Ja, das geht noch nicht. Habe mw:Talk:Recommendations_for_night_mode_compatibility_on_Wikimedia_wikis#c-Jon_(WMF)-20240711155700-Sjoerddebruin-20240711150900 gefunden, müssen wir wohl b.a.W. lokal bereitstellen. Ich überlege mir etwas. -- hgzh 11:32, 23. Jul. 2024 (CEST)

Das könnte ja eventuell dann auch bei dem anderen Problem mit RGB-Bildern helfen. --Liebe Grüße, Lómelinde Diskussion 11:53, 23. Jul. 2024 (CEST)

Tut mir leid, da hatte ich es wohl zu eilig. Werde in Zukunft besser aufpassen. Das "blau wird lila" ist allerdings kein Problem von skin-invert, sondern liegt daran dass die Farbe im Original bereits lila ist. Da wir dunkle Farben schlechter unterscheiden können als helle, fällt es bloß weniger auf. --Wickie³⁷ 14:51, 23. Jul. 2024 (CEST)

Es ist schon ein Unterschied, ob das im Bild dunkelblau auf hell oder wischiwaschilila auf dunkel ist _ _ und man dann dran schreibt das blaue ist …. :-) --Liebe Grüße, Lómelinde Diskussion 16:15, 23. Jul. 2024 (CEST)

Sorry, Windows hatte mir ein unsinniges Farbprofil installiert, das das blau in den Bildern zu #4000FF statt #0000FF gemacht hat :/ Wenn #B3B7FF bereits lila ist, müssen wir aber auch den Artikel Hellblau umschreiben. --Wickie³⁷ 11:03, 28. Jul. 2024 (CEST)

Na ja, jeder sieht Farben ja etwas unterschiedlich, für mich wären die ersten 3 Bilder in dem Artikel Hellblau jedenfalls schon Lila. Wo da aber farblich genau die Grenze liegt, weiß ich nicht. --Liebe Grüße, Lómelinde Diskussion 13:22, 29. Jul. 2024 (CEST)

Für normale Bilder wird jetzt nach phab:T370074 ein grauer Hintergrund eingebunden, für Galerien gibt es phab:T372255. -- hgzh 10:18, 14. Aug. 2024 (CEST)

VisualEditor Kategorien

Gemeldet in Phabricator
Task T371074

Es ist folgendes, Bei der Bearbeitung einer vorhandenen Kategorie, also um sie zu ändern oder zu löschen klickt man den Namen der Kategorie an. Es erscheint dann ein Dialogfeld, in dem man die Änderung vornehmen kann. Dort fehlt im Dunkelmodus das Kategorieicon. Es müsste eigentlich so aussehen, wie hier also in der Form

Kategorien

Diese Seite sortieren, als hieße sie

Ring der Macht

Im Dunkelmodus ist es aber so

0000 Kategorien

Diese Seite sortieren, als hieße sie

Ring der Macht

Die Konsole sieht da kein Icon, es steht dort aber diese Zuweisung <label class="ve-ui-mwCategoryPopupWidget-title oo-ui-icon-tag">Kategorie</label> was wohl dem      Kategorien entspräche. --Liebe Grüße, Lómelinde Diskussion 09:24, 25. Jul. 2024 (CEST)

gemeldet als phab:T371074. -- hgzh 08:45, 26. Jul. 2024 (CEST)

VisualEditor allgemein

Gemeldet in Phabricator
Task T365311

Gemeldet in Phabricator
Task T371176

Ich hätte da noch ein paar Dinge, die mir aufgefallen sind.

• Hilfe:Notensatz/VisualEditor und wie es im Dunkelmodus aussehen sollte.

Wenn man das bearbeitet also einen Notensatz einfügt oder anklickt, dann sehen die Notensätze gang ganz merkwürdig aus. Einfach mal testen:

1. Dunkelmodus, VisualEditor → Einfügen → Notenschrift
2. In das Eingabefeld beispielsweise diese Anweisungen \relative { \clef bass \key f \major \time 4/4 r4 c d f f2. f4 f c8 c8( c4) c bes bes bes bes bes bes8 bes8( bes4) } \addlyrics { Pro -- bier’s mal mit Ge -- müt -- lich -- keit, mit Ru -- he und Ge -- müt -- lich -- keit } einfügen

Das Ergebnis ist: Die Noten und Musikzeichen werden, ebenso wie die Textpassagen, auf dunklem Hintergrund quasi outlined angezeigt. Es sind also schwarze Zeichen auf schwarzen Grund, die nur durch eine dünne helle Umrisslinie abgegrenzt werden. Besser wäre es, die Notenschrift und Symbole invertiert (einen div-Container mit class="skin-invert-image" drum herum legen) darzustellen, so wie ich es für die Hilfeseite gemacht habe. Insgesamt werden die Notensätze derzeit alle schwarz auf weiß ausgeliefert, was für den Dunkelmodus nicht wirklich hilfreich ist. Beispiele (bitte zum Testen diese Seite auf ?useskin=vector-2022&vectornightmode=1 ansehen)

Ich kann das hier nicht nachstellen an dem erzeugten Bild kann man das nicht ablesen, da es hell hinterlegt wird. Man muss es also direkt im VE testen.

---

• Hilfe:VisualEditor/CodeMirror ich vermute mal die Syntaxhervorhebung ist dort in den identischen Farben, das würde mal wieder zu schlechten Darstellungen auf dunklem Hintergrund führen. Siehe in der die Tabelle die Farbe für Vorlagensyntax oder hier

Es sieht jedenfalls nicht wirklich gut aus, auch dunkelblau (für Linke) ist zu dunkel. Wie gesagt ich vermute, dass sie diese Farben bisher nicht für den Dunkelmodus invertiert oder angepasst haben. --Liebe Grüße, Lómelinde Diskussion 11:58, 26. Jul. 2024 (CEST)

gemeldet als phab:T365311 bzw. phab:T371176. -- hgzh 14:27, 27. Jul. 2024 (CEST)

Ungesichtete Versionen

Weitere Änderungen sichten  

Im Dunkelmodus ist auch dort wieder nur ein schwarzes Loch, wo eigentlich expand revisiontoggle sein sollte <span class="fr-toggle-arrow flaggedrevs-icon flaggedrevs-icon-expand" id="mw-fr-revisiontoggle" title="Details zeigen/verstecken"></span>. Und der Button funktioniert auch nicht, oder anders, die Details werden eingeblendet, wenn die Maus den Expander berührt, weg kriegt man sie aber nur durch Neuladen der Seite. Also kein Details zeigen/verstecken wie suggeriert wird. Der Hinweis liegt dann aber auch direkt auf dem Icon und überdeckt die komplette untere Hälfte der Anzeigefläche. --Liebe Grüße, Lómelinde Diskussion 17:56, 26. Jul. 2024 (CEST)

Nachtrag gilt ebenso für das Auge --Liebe Grüße, Lómelinde Diskussion 18:06, 26. Jul. 2024 (CEST)

Da wird derzeit noch dran gebastelt, würde mit einer Meldung auf Phabricator erstmal noch etwas abwarten wollen. -- hgzh 14:27, 27. Jul. 2024 (CEST)

Zumindest das mit dem Mousover funktioniert im BETA jetzt anders als gestern, ist die Maus auf dem Expandicon dann wird der Kasten eingeblendet, verlässt man das Icon wieder, geht auch die Box weg. Die Icons selbst fehlen aber weiterhin. --Liebe Grüße, Lómelinde Diskussion 15:55, 27. Jul. 2024 (CEST)

Das sollte mit dem Update am Donnerstag behoben sein, es gab noch eine ganze Reihe Änderungen dort. -- hgzh 08:35, 31. Jul. 2024 (CEST)

Jetzt korrigiert. -- hgzh 08:32, 2. Aug. 2024 (CEST)

Nein das ist noch nicht erledigt die Icons fehlen weiterhin. https://de.wikipedia.org/wiki/Gabber?useskin=vector-2022&vectornightmode=1 sowohl in der Notiz als auch in dem Buttonfeld. --Liebe Grüße, Lómelinde Diskussion 11:50, 2. Aug. 2024 (CEST)

Bei der Notiz oben liegt es übrigens daran, dass die Nachricht selbst nicht invertiert wurde. Das Icon dort wäre in weiß schon ok. Es müsste ungefähr so aussehen. --Liebe Grüße, Lómelinde Diskussion 13:22, 2. Aug. 2024 (CEST)

Ich weiß nicht, welche Notiz du meinst. Nachvollziehen kann ich, dass bei [1] das Icon und das Pfeilsymbol nicht invertiert werden. -- hgzh 13:52, 2. Aug. 2024 (CEST)

Ne, hast recht das ist nur bei mir so. --Liebe Grüße, Lómelinde Diskussion 14:16, 2. Aug. 2024 (CEST)

Das Icon ist jetzt sichtbar, der Pfeil noch nicht. -- hgzh 08:29, 9. Aug. 2024 (CEST)

Versionsgeschichte Amélie Oudéa-Castéra Dunkelmodus-Fehler

Versionsgeschichte ist zum großen Teil nicht dem Dunkelmodus angepasst. Insbesondere

• der Text "Änderung seit deinem letzten Besuch" ist nicht lesbar mit weißer Schrift auf hellgrünem Hintergrund
• Bearbeitungskommentar komplett unlesbar
• Ebenfalls unlesbar: die Angabe zur Artikelgröße in bytes

--Elutz (Diskussion) 20:07, 31. Jul. 2024 (CEST)

Die letzten beiden Punkte sollten sich mit dem Softwareupdate heute verbessern, der erste ist bereits als phab:T371183 gemeldet. -- hgzh 08:13, 1. Aug. 2024 (CEST)

Math-Formeln mit Farbe

Beispiel blau, braun, grün, rot gibt es dafür eine Lösung? →Parallelogramm --Liebe Grüße, Lómelinde Diskussion 16:17, 2. Aug. 2024 (CEST)

Dieses Problem ist vielschichtig, es gibt die MathML- und SVG-Ausgabe von Math-Elementen, bei SVG (Standard) werden die Farben invertiert und passen im Beispiel dann nicht mehr zu denen in der Bildeinbindung, MathML hat das Problem nicht, dafür sind die dunklen Farben teils unleserlich. Eine Lösung fällt mir da nicht auf den ersten Blick ein. -- hgzh 08:09, 7. Aug. 2024 (CEST)

Zwischenstand: \color{black} sollte in Math-Syntax vermieden werden, weil der so ausgezeichnete Teil bei MathML und MathJax schwarz bleibt und nicht invertiert wird. Bei SVG ist es egal, da die erzeugte Datei, nicht einzelne Bestandteile, invertiert wird.

Für die generelle Problematik habe ich phab:T372496 angelegt. -- hgzh 19:34, 14. Aug. 2024 (CEST)

Umschalten zwischen "Automatisch", "Hell" und "Dunkel", Quelltexteditor, Dunkelmodus-Fehler

Mein Rechner/Browser (Firefox) ist standardmäßig auf "Dunkel" eingestellt. Schalte ich in Wikipedia, Quelltexteditor das Erscheinungsbild um, geschieht folgendes:

• "Automatisch": Normaler Text unlesbar (schwarz auf schwarz)
• "Hell": OK, schwarze Schrift auf hellem Grund
• "Dunkel": OK, helle Schrift auf schwarzem Grund.

--Elutz (Diskussion) 15:10, 4. Aug. 2024 (CEST)

Du schreibst, auch dein Browser sei auf auf dunkel eingestellt. Das automatische Umschalten beim Website-Stylesheet funktioniert nur richtig, wenn dein User-Stylesheet im Browser nicht „dazwischenfunkt“. Erweiterungen wie Dark Reader sollten ggf. deaktiviert werden. Nur so kann die Darstellung der Website den Systemeinstellungen folgen. --Viele Grüße, Aschmidt (Diskussion) 16:15, 4. Aug. 2024 (CEST)

Sorry, meine Angaben waren nicht ganz richtig, Der Browser selbst ist auf "Automatisch" eingestellt. Das System ist im Dunkelmodus. In Kombination mit der Einstellung in Wikipedia auch auf "Automatisch" klappt es nicht. Irgendwelche Erweiterungen im Browser die Darstellung betreffend gibt es nicht. --Elutz (Diskussion) 18:16, 4. Aug. 2024 (CEST)

Vielleicht hast du noch das alte Stylesheet in deine global.css oder common.css eingebunden? Oder sonstige CSS-Schnipsel, die stören? --Viele Grüße, Aschmidt (Diskussion) 18:20, 4. Aug. 2024 (CEST)

Ich kann das Problem nachvollziehen und habe deshalb bei den Entwicklern nachgefragt. Die derzeitige Darstellung ist auch nur eine Zwischenlösung. -- hgzh 17:53, 5. Aug. 2024 (CEST)

Spezial:Seiten mit ungesichteten Versionen

Wieder fehlen auch hier die 3 Expand-Icons in der oberen Box --Liebe Grüße, Lómelinde Diskussion 17:25, 10. Aug. 2024 (CEST)

MediaWiki:Citethispage-content

Überschrift nicht lesbar, bzw. der komplette obere Kastenhintergrund müsste dunkel werden. Ich hänge hier gleich mal noch ein paar an. Bitte diese Liste einmal durch gehen. Teilweise sind da noch solche MediaWiki:Editnotice-0/Seite/Pestizid, MediaWiki:Editnotice-0/Seite/Kardinal-Innitzer-Preis, MediaWiki:Editnotice-0/Seite/Liste der Zaubersprüche und Flüche der Harry-Potter-Romane, MediaWiki:Editnotice-0/Seite/Kriminalfall Susanna F. weiß → -basis oder so etwas MediaWiki:Deletedtext untere Box F8F9FA → hintergrundfarbe1, was ich selbst anpassen konnte habe ich erledigt. (Vorlage:Editnotice Österreichbezogen, Vorlage:Editnotice Schweizbezogen, Diskussion:Liste von Linux-Distributionen/Intro und Diskussion:Liste schwerer Unfälle im Schienenverkehr/Intro) --Liebe Grüße, Lómelinde Diskussion 19:04, 14. Aug. 2024 (CEST)

Ein paar habe ich angepasst, für die Perfcache-Box ist mir noch nichts passendes eingefallen. -- hgzh 20:06, 14. Aug. 2024 (CEST)

Vielleicht kann man auch das über eine Vorgabe machen

class="darkmode-hintergrundfarbe-warning"
background: var(--background-color-warning-subtle, #FEFFE7); /* wird schwarzgelber Hintergrund */
color: var(--color-warning, #EDAB00); /* nur im Dunklem immer gelb Farbwert laut codex */

Das sieht, meiner Meinung nach, im Ergebnis jedenfalls gut aus und -warning ist nicht so verkehrt, border und Bildhintergrund würde ich aber so lassen und oben ein border-spacing:0; einfügen.

Diese Daten stammen aus dem Cache, letzte Aktualisierung: vorgestern, 00:00 Uhr

würde zu

Diese Daten stammen aus dem Cache, letzte Aktualisierung: vorgestern, 00:00 Uhr

Das nur als Vorschlag. --Liebe Grüße, Lómelinde Diskussion 07:16, 15. Aug. 2024 (CEST)

Die global definierten Hintergrundfarben sollten nur die Basisfälle abdecken, sonst wird es zu viel. Vielleicht überlge ich mir eine TemplateStyles-Lösung. -- hgzh 08:14, 22. Aug. 2024 (CEST)

Spezial:Hochladen

• teilweise unlesbar --Liebe Grüße, Lómelinde Diskussion 10:12, 16. Aug. 2024 (CEST)
• commons sieht auch nicht so viel besser aus --Liebe Grüße, Lómelinde Diskussion 11:13, 16. Aug. 2024 (CEST)

behoben, Commons müsste sich dort jemand kümmern. -- hgzh 08:07, 22. Aug. 2024 (CEST)

leider nicht komplett der Kasten unten (Dateibeschreibung) ist noch immer unlesbar. --Liebe Grüße, Lómelinde Diskussion 08:22, 22. Aug. 2024 (CEST)

Der sieht bei mir in Ordnung aus. Häng mal ein &safemode=1 an die URL um zu testen, ob es an einer eigenen Definiton liegt. -- hgzh 08:26, 22. Aug. 2024 (CEST)

Ja passt. --Liebe Grüße, Lómelinde Diskussion 10:31, 22. Aug. 2024 (CEST)

Dieser Abschnitt kann archiviert werden. hgzh 08:07, 22. Aug. 2024 (CEST)