Mit gerade mal drei veröffentlichten Posts war es bis dato ein ziemlich ruhiges Jahr auf InaiMathi.de; das ruhigste der bisherigen Blog-Historie, um genau zu sein. Hinter den Kulissen, im WP-Backend passiert dafür um so mehr: So habe ich etwa den bisherigen Javascript-basierten Style-Switcher durch eine simple @media CSS-Rule ersetzt, die sich am eingestellten Farbmodus des Betriebssystems orientiert:

@media (prefers-color-scheme: dark) {}

Was bedeutet das konkret?

Blogleser, die ihr Betriebssystem im hellen Modus nutzen, bekommen auch weiterhin wie gewohnt das weiss-grüne Standard-Blogtheme angezeigt, während all jene, die stattdessen den dunklen Modus eingestellt haben, die meiner Meinung nach erheblich augenschonendere dunkle Optik serviert bekommen. Zudem werden bei aktivem dunklen Theme die in Posts eingebetteten großformatigen Bilder und Grafiken nun „gedimmt“ und erst per Mouse-Over, bzw. nach einen Tap in voller Farbenpracht angezeigt. Auch dies schont imo die Augen und trägt grundsätzlichzu einer besseren Lesbarkeit der einzelnen Posts bei. Die neue CSS-Weiche funktioniert plattformunabhängig sowohl bei Desktop-Browsern als auch auf Tablets und Smartphones.

Hier eine Vorschau, wie z.B. dieser Blogpost im hellen, bzw. im dunklen Modus dargestellt wird:

Das dunkle Blog-Theme konnte man auch bisher schon nutzen, allerdings musste es etwas umständlich händisch über das Dropdown-Menü eingestellt werden. Dies entfällt nun und sollte das Stöbern im Blog für einige User um einiges angenehmer machen.

Eine kleine aber feine Änderung, wie ich finde. 🙂