Chrome DevTools prefers-color-scheme
In den Chrome DevTools kann man die Webseite auch im dunklen Color Scheme ansehen, falls sie es unterstützt.
Dazu in den DevTools den Kommandoprompt öffnen mit [Strg]+[Shift]+[P]. Dann “dark” eingeben und den Eintrag “Rendering: prefers-color-scheme:dark für CSS emulieren” auswählen.
Aus dem CSS würde dann z.B. folgendes ausgewertet:
@media (prefers-color-scheme: dark) {
body {
color: #eee;
background: #2c2c2c;
}
}
Umgekehrt kann man natürlich so auch auf “light” umschalten.