Wikipedia Diskussion:Technik/Skin/CSS/Variablen

Anmerkungen

Wenn man kein Programmierer ist, dann sind auch gewisse, für diese selbstverständliche Begriffe wie Hieroglyphen. Das kriege ich nach mehrmaligen Lesen dann vielleicht noch hin. Das Problem ist aber ich kann kein CSS, kein JavaScript, kein lua … alles was ich mal ein ganz klein wenig konnte war metacomco Assembler für den Atari-ST. Das hilft also rein gar nicht.

Was mir fehlt ist eben ein konkretes Beispiel für die Umstellung für den Dark Mode. Ich muss aus irgendwelchen Gründen fas alles invertieren, damit es nicht einfach nur dooooof aussieht. Alle Vorlagen, die ich für den VE angelegt habe, alle Vorlagen die im VE-Modul stecken. Es kommt nichts gutes dabei heraus, wenn ich es nicht invertiere. Wenn ich also eine Möglichkeit finden würde, dass ich den Vorlagen über Variablen mitgeben kann, was sie im dunklen tun sollen, dann müsste ich nicht jeden Button einzeln invertieren. Beispiel: Vorlage:Hilfe/switchbutton wenn du mehr wissen möchtest, das stand neulich auf meiner Diskussionsseite, sie verhalten sich anders, wenn ich das nicht mache. Ich hatte irgendwie gehofft, dass ich da mit Variablen irgendwie ein besseres Ergebnis hinbekommen kann, weil PC es nicht mag, wenn ich so viel drum herum lege. Ich bin jetzt erst einmal offline. --Liebe Grüße, Lómelinde Diskussion 16:29, 30. Jul. 2024 (CEST)

Ok, also eher etwas für Wikipedia:Dark Mode. -- hgzh 16:23, 1. Aug. 2024 (CEST)

So dann noch einmal genauer, ich verstehe zwar nicht wirklich, das diese Variablen genau tun, aber das hier oben Umsetzung einer Rosafärbung zum Dunkelmodus mit Variable, ist das, was ich erwarten würde, ich habe mir jetzt einen Variablennamen ausgesucht, der in etwa einer Farbe (nicht aber der Funktion Error) entspricht, die im hellen als Hintergrund eine lesbare Variante abbilden würde _. Vorher fand ich es schon hier nicht gut lesbar. Die Frage ist, müssen Hintergrundfarben zwangsläufig auch im Dunkelmodus so abgebildet werden, wie im Hellmodus (also nicht ANR, sondern Hilfeseiten und so)? Ich finde die untere Variante nicht so toll und die ganz ohne Umstellung auch nicht wirklich gut.

Die Frage ist also darf ich mir irgendeine Variable aussuchen? Was genau passiert in dem Beispiel, was also macht die Variable mit dem _ #FFCBCB:

<div style="background:var(--background-color-error-subtle,#{{Standardfarbe|hintergrund|7}}); color:var(--color-emphasized,#000000); border:1px solid #FF3030; border-width:1px 0; padding-left:5px;">

wenn es ins dunkle kommt? Wie entsteht daraus jetzt diese Farbe _ #421211? Und würde eine andere Variable dann eine andere Dunkelfarbe generieren? Wie gesagt, ich kann nur ausprobieren, verstehen tue ich es aber nicht wirklich. --Liebe Grüße, Lómelinde Diskussion 16:28, 1. Aug. 2024 (CEST)

var(--background-color-error-subtle,#ffcbcb) heißt: nimm den Wert von --background-color-error-subtle (#fee7e6 hell, #421211 dunkel) für den Hintergrund, oder hintergrundfarbe7, wenn die Variable nicht existiert (...im Vector- und Monobook-Skin). Die in der Variable hinterlegten Hex-Farbwerte sind fest definiert, die werden nicht aus irgendetwas berechnet.

müssen Hintergrundfarben zwangsläufig auch im Dunkelmodus so abgebildet werden, wie im Hellmodus - ich denke nicht, aber das ist eine Einzelfallentscheidung. Manche Farben sind im Dunkelmodus recht grell, bei anderen mag es in beiden Modi ganz gut aussehen.

Im Sinne einer semantisch stringenten Nutzerführung sollte in der Software alles mit error drin auch nur für Fehler genutzt werden, für Warnungen gibt es analog warning. Auf Projektseiten kann man von diesem Grundsatz sicherlich abweichen, weil die Nutzerführung hier mit den zig verschiedenen Bausteinfarben ohnehin nicht stringent ist und eine Einheitlichkeit schwerlich erreichbar ist. -- hgzh 16:44, 1. Aug. 2024 (CEST)

Ok, das hilft mir schon etwas weiter, ich dachte mir schon, dass ich „error“ nicht unbedingt verwenden sollte. Die Seite, auf der ich das jetzt probiert habe, ist ohnehin komplett veraltet. --Liebe Grüße, Lómelinde Diskussion 16:52, 1. Aug. 2024 (CEST)

Wie kriege ich dort die Schrift in dem oberen Button dazu, dass sie nicht schwarz sondern weiß wird? Und eine weitere Frage, wie kann ich dem blauen (progressive, weiß auf blau) mitgeben, dass hover nicht aus weiß auf blau dieses Wischiwaschi macht. --Liebe Grüße, Lómelinde Diskussion 09:19, 2. Aug. 2024 (CEST)