V2EX 已经有了手动 dark mode 开关,可不可以加上自动跟随操作系统 dark mode 设定的功能呢?
只需要简单的设定一下 CSS 查询:
@media (prefers-color-scheme: light) {
body {
background-color: #f5f5f5;
color: #222;
}
}
@media (prefers-color-scheme: dark) {
body {
background-color: #222;
color: #fff;
}
}
参考: https://www.section.io/engineering-education/watch-for-system-dark-mode-using-js-css/