Wikipedia

Wikipedia:Dark Mode/Probleme

< Wikipedia:Dark Mode

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

Wikipedia:Spielwiese

Bearbeiten
 
sieht so aus

Bearbeitung VisualEditor Anzeige der Notiz. der Text ist nicht lesbar.

Auf der Wikipedia:Spielwiese kann und darf jeder nach Herzenslust experimentieren und ausprobieren, was passiert. Die Änderungen werden automatisch nach einiger Zeit entfernt. Unerwünscht sind beleidigende Inhalte. Verboten ist das Angeben von privaten Informationen wie Telefonnummern.

Das zu beheben wäre jetzt nicht das Problem, nur es könnte weitere Notizen geben, auf die das zutrifft.

Auch die Beschriftung schwarz auf grau des inaktiven Buttons Änderungen veröffentlichen ist nicht sonderlich gut gewählt. Ich meine das ist mir auch an anderer Stelle schon aufgefallen. Beispielsweise bei den Buttons →Sichten Sichtung entfernen.

Was dabei dann noch auffällt ist, die Tooltips der Buttons sind nicht hell auf dunkel, sondern dunkel auf hell. Das gilt auch für das Eingangsbeispiel mit der Notiz. Da sollte man dann auch gleich noch das kryptische Tooltip Wikipedia:MP in Wikipedia:Mentorenprogramm ändern. --Liebe Grüße, Lómelinde Diskussion 18:08, 19. Jul. 2024 (CEST)[Beantworten]

Da hilft wohl nur, diese nach und nach anzupassen, wenn Probleme auftauchen. Der Veröffentlichen-Button hat bei mir weiße Schrift auf schwarzem Grund. Die Tooltips sind eine Browserfunktion. -- hgzh 08:33, 22. Jul. 2024 (CEST)[Beantworten]
Also bei mir (ich verwende ja weder den VE noch Vector2022) ist der genau so unleserlich schwarz auf grau. Wie gesagt auch bei dem inaktiven Sichtungsbutton. --Liebe Grüße, Lómelinde Diskussion 09:30, 22. Jul. 2024 (CEST)[Beantworten]
Hm ok, vielleicht habe ich mich vorhin verguckt, jetzt habe ich auch schwarze Schrift auf grau. Aber der Button nennt sich bei obigem Link nur Veröffentlichen... und sieht so aus, da ist genug Kontrast vorhanden. -- hgzh 18:26, 22. Jul. 2024 (CEST)[Beantworten]
Und es steht dort auch der Text „Änderungen veröffentlichen“ den ich hingeschrieben habe. Ich finde es schon recht dunkel. --Liebe Grüße, Lómelinde Diskussion 18:56, 22. Jul. 2024 (CEST)[Beantworten]
Bei mir steht da wirklich nur Veröffentlichen..., aber egal. Im Screenshot sieht mir das doch eher nach Veröffentlichen aus, also eine ganze Ecke heller als bei dir angegeben. -- hgzh 07:51, 23. Jul. 2024 (CEST)[Beantworten]
Dann würde ich mich ja nicht beschweren, ich habe die Farbwerte exakt mit dem Farbaufnehmer (Pipette) aus der Konsole kopiert. Es ist genau dieser Farbwert #54595d und für die Schrift #101418 ich kopiere das mal
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
  background-color: var(--background-color-disabled,#c8ccd1);
  color: var(--color-inverted,#fff);
  border-color: var(--border-color-disabled,#c8ccd1);
}
Als Farbwerte dann so
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
 background-color: #54595d;
 color: #101418;
 border-color: var(--border-color-disabled,#c8ccd1);
}
Wenn es so wie bei dir Änderungen veröffentlichen aussehen würde, dann wäre das völlig ok. Und wie gesagt sehen bei mir alle diese inaktiven Buttons auf der Spielwiese so dunkel aus und auch der Button zum Sichten hat diesen Farbwert #54595d. --Liebe Grüße, Lómelinde Diskussion 08:29, 23. Jul. 2024 (CEST)[Beantworten]
Du hast Recht, ich hatte den falschen Wert aus dem Inspektor gegriffen. Aber: phab:T296034, die offizielle Empfehlung der WCAG ist wohl, dass deaktivierte Elemente keine Kontrastanforderungen haben, somit wird das wohl so bleiben. -- hgzh 08:45, 23. Jul. 2024 (CEST)[Beantworten]
Dieser Abschnitt kann archiviert werden. --Lómelinde 09:06, 23. Jul. 2024 (CEST)

RGB-Bilder in Vorlagen

Bearbeiten

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

  • _ _ _  
  • _ _ _?
  • _ _ _?

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

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)[Beantworten]
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)[Beantworten]

Zebra eingefärbt

Bearbeiten

Siehe Hilfe:Tabellen hintergrundfarbe. Ist das bewusst so dass dann immer hintergrundfarbe1 gesetzt wird, kann man also im Dark Mode Zebratabellen nicht über klassen (oder eigens ausgesuchte Hintergrundfarben EFL Cup) anders färben? →überwiegend Sport --Liebe Grüße, Lómelinde Diskussion 09:30, 22. Jul. 2024 (CEST)[Beantworten]

Ja, das habe ich bewusst so eingerichtet. Diese Zebrafarben werden über die Standard-Hintergrundfarbe der Tabelle realisiert und sind nicht bedeutungstragend, sondern nur Dekoration. Das Hellblau sähe im Darkmode dann unpassend aus. Es ist aber weiterhin möglich, sowohl die Hintergrundfarbe einer Zeile als auch einer einzelnen Zelle explizit im Artikelquelltext festzusetzen. -- hgzh 09:42, 22. Jul. 2024 (CEST)[Beantworten]

Butylgruppe

Bearbeiten

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)[Beantworten]

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)[Beantworten]
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)[Beantworten]
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. --Wickie37 14:51, 23. Jul. 2024 (CEST)[Beantworten]
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)[Beantworten]

VisualEditor Kategorien

Bearbeiten

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)[Beantworten]

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

VisualEditor allgemein

Bearbeiten

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

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.

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)[Beantworten]

Abgerufen von „https://de.wikipedia.org/w/index.php?title=Wikipedia:Dark_Mode/Probleme&oldid=247103216“