zuerst mal ein fettes DANKE dafür, dass ihr diese Plattform zur Verfügung stellt!
Mir ist aufgefallen, dass ihr das CSS für den Dark Mode erst im JS ladet. Das führt dazu, dass bei jedem Seitenaufruf zuerst alles hell gerendert wird und erst später auf dunkel umgeschaltet wird. Das ist gerade am Abend unangenehm, wenn man bei fast jedem Seitenwechsel von einem Lichtblitz geblendet wird.
Könnt ihr da vielleicht was machen und das dunkle CSS ins Haupt-CSS integrieren? Vielleicht sogar mit dem prefers-color-scheme media query?
.. energiesparhaus schrieb: Allerdings können wir in die tinymce-skin das nicht direkt eintragen sonst greift die Einstellung nicht mehr wenn jemand die Systemeinstellungen überschreiben will
Richtig, das habe ich jetzt nicht bedacht. Eigentlich müsste man das aber auch im dark.css einbauen können, oder? Dem Browser ist es ja egal, aus welcher Datei die Regel kommt (solange die Reihenfolge stimmt).
@christoph1703 : Danke für die Tipps. Das Setzen der Eigenschaft in der tinyMCE-Box war etwas aufwändiger, denn zum Zeitpunkt wo dark.css geladen wird existiert die Box noch nicht. 100 Varianten versucht, alles erfolglos. Wir erweitern jetzt serverseitig das Initialisieren der Box wenn der User den Darkmode möchte.
Leidensfähig: JA. Dark Mode für wsl eine Handvoll User, und doch insgesamt recht aufwändig.
Uns war letzten Endes alles zu unsicher, man kann nicht sicherstellen dass clientseitig alle Skripts rechtzeitig abgearbeitet werden und wir wollten unbedingt auch ein "overruling" wenn jemand im System Dark Mode eingestellt hat und die Plattform trotzdem light haben will. Damit muss beim Aufruf festgestellt werden was der User will und damit scheiden reine CSS-Lösungen ohne Skripts aus. Am Ende schreiben wir jetzt serverseitig alles ins HTML bevor dieses ausgeliefert wird. Damit haben wir noch die bestmögliche Kontrolle über das ganze und kommen ohne clientseitige Skripts aus. Wsl wäre es auf einem μC einfacher den User fix eine light/dark-Einstellung festlegen zu lassen und dann nur ein CSS auszuliefern. Am Handy sind halt alle gewohnt dass die Apps die Systemeinstellungen beibehalten.
Wenns ein neues System wird: Einfach keine Auswahlmöglichkeit anbieten, dann beschwert sich auch keiner 😄 Bei einer bestehenden Website schwierig, leider...
Eines was mir noch eingefallen ist, wenn ihr das dafür notwendige js script einfach direkt in den header tut, wird es ausgeführt, bevor die Seite gerendert wird. Da kann man auch einfach cookies ausleden und toggles setzen. Die verzögerung kommt evt. erst wenn das js script ein eigenes File wird.
Danke für die Info, sollte wieder passen. Bitte immer um eine Info wenn was nicht passt, gerne auch per PN, weil den EIntrag hier haben wir leider auch jetzt gesehen.
Ich hab am Telefon aktuell die Situation, dass jeder Seitenaufruf zuerst in schwarz geschieht und erst wenn die Seite fertig geladen wird auf weiß wechselt (blink schwarz - blink weiß). Bin ich da alleine?
