Moin zusammen,
ich nutze in einer meiner iOS-Apps WKWebViews zur Darstellung von Berichten in HTML/CSS. An dieser Stelle gab es bisher einen Bruch beim Wechsel in den Dark Mode, den ich gerade behoben habe. Sehr einfach, nicht auf meinem Mist gewachsen und Euch vielleicht schon lange bekannt - dann sorry für die Wiederholung. Aber vielleicht hilft es dem/der ein oder anderen:
Letztlich muss man im simpelsten Fall nur ein
Alles anzeigen
Die entsprechenden Hinweise habe ich im WebKit-Blog gefunden.
Schönen Rest-Sonntag, Mattes
ich nutze in einer meiner iOS-Apps WKWebViews zur Darstellung von Berichten in HTML/CSS. An dieser Stelle gab es bisher einen Bruch beim Wechsel in den Dark Mode, den ich gerade behoben habe. Sehr einfach, nicht auf meinem Mist gewachsen und Euch vielleicht schon lange bekannt - dann sorry für die Wiederholung. Aber vielleicht hilft es dem/der ein oder anderen:
Letztlich muss man im simpelsten Fall nur ein
color-schema
-Property ergänzen. Möchte man Farben im Dark Mode explizit anders setzen, helfen entsprechende @media
-Queries. So musste ich z. B. Tabellenhintergründe für Summenzeilen anpassen. Es geht natürlich noch vieles mehr, aber bei mir reduzierten sich die Anpassungen im CSS auf folgendes:CSS-Quellcode
- :root {
- color-scheme: light dark;
- --catsum-background-color: #eeeeee;
- --daysum-background-color: #dddddd;
- }
- @media (prefers-color-scheme: dark) {
- :root {
- --catsum-background-color: #333333;
- --daysum-background-color: #444444;
- }
- }
- tr.catsum {
- background-color: var(--catsum-background-color);
- }
- tr.daysum, tr.lastdaysum {
- background-color: var(--daysum-background-color);
- }
Schönen Rest-Sonntag, Mattes
Diese Seite bleibt aus technischen Gründen unbedruckt.