CSS: Nutzt User dunkles oder helles Theme?

@media (prefers-color-scheme: dark) {
    :root {
        --body-bg: black;
        --body-bg-stronger: rgba(255,255,255,.3);
        --control-bg: rgba(255,255,255,.15);

        --body-color: rgba(255,255,255,.5);
        --front-color: white;
        --active-color: rgba(255,255,255, .9);
    }
}

Mit dem neuesten Update von macOS wird Safari 12.1 installiert. Damit ist Safari der erste Browser, der das neue CSS Media-Query-Feature prefers-color-scheme unterstützt.

Beitragsbild: cmonphotography, Quelle: Pexels

„CSS: Nutzt User dunkles oder helles Theme?“ weiterlesen

UI Design – Die Herausforderung eines Dark Themes

Entwickler lieben sie schon seit Ewigkeiten, nun werden sie immer salonfähiger: dunkle UI Themes. Viele empfinden sie als augenfreundlicher. Ob das wirklich stimmt, kann ich nicht beurteilen. Zu mindest kann dunkles UI-Design aber zu einer besseren Energieeffizienz bei Geräten mit OLED-Displays beitragen, da hierfür schwarze Pixel nicht mit Strom versorgt werden müssen.
Abgesehen davon kann dunkles Design auch einfach ästhetisch besser aussehen.

„UI Design – Die Herausforderung eines Dark Themes“ weiterlesen