Dark-Mode CSS erstellen

[zdavatz]

Das neue Dunkel-Modus CSS muss in den Einstellungen angewählt werden können: https://ch.oddb.org/de/gcc/preferences/

Der Hintergrund muss schwarz sein, so wie bei einem Editor mit schwarzem Hintergrund.

siehe auch: https://github.com/zdavatz/AmiKo-iOS/blob/master/AmiKoDesitin/color-scheme-dark.css

[zdavatz]

Kontrolle ob der Browser Dark-Mode unterstützt oder nicht:

Light Mode

/* Light mode */
@media (prefers-color-scheme: light) {
    body {
        background-color: #000;
        color: white;
    }

Dark Mode

}
/* Dark mode */
@media (prefers-color-scheme: dark) {
    body {
        background-color: #000;
        color: white;
    }
}

https://stackoverflow.com/questions/50840168/how-to-detect-if-the-os-is-in-dark-mode-in-browsers

[zdavatz]

siehe auch commit für https://github.com/zdavatz/amiko-web/pull/18

testen mit

https://twitter.com/zdavatz/status/1189554188943912960?s=21

[zdavatz]

https://amiko.oddb.org/de/fulltext?id=80dfeafcda&key=SAPP