css区分手机系统OS是否为黑暗dark模式

使用css media来区分主题模式

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

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

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