Auto dark mode

[kidlj]

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/

[kidlj]

重新考虑了下，自动和手动开启好像有冲突。在已经有了手动开关的情况下，不太好设计，这可能不是一个好的选项。

[kidlj]

或者可以做成三段式的：(Auto | Light | Dark)，像 Apple 文档页面那样。

https://developer.apple.com/documentation/bundleresources/information_property_list/uiuserinterfacestyle