Solltet ihr ein Gerät nutzen, das einen Darkmode hat, so färbt sich dieses kleine Blog nun auch entsprechend eurer Systemeinstellung.

Mit Hilfe der Beschreibung von Jeremy Keith konnte ich das ganz schnell umsetzen.

Eigentlich ist es sehr, sehr einfach. Einfach den folgenden Code in seine style.css packen und die gewünschten CSS-Eigenschaften für den Darkmode hinterlegen.

@media (prefers-color-scheme: dark) {
  /* Darkmode CSS-Eigenschaften hier */
}

Man könnte jetzt noch überlegen, ob man einen Schalter im Blog möchte, mit dem man die Einstellung überschreiben kann. Thomas Steiner beschreibt das hier auch ganz gut.