prefers

“橘子”的英文竟然不是orange？ 如果你问身边学过英语的人：“香蕉”用英语怎么说？答：banana。再问：“橘子”用英语怎么说？再答：orange。 但真的是这样吗？“香蕉”的确是banana，可是“橘子”却不是orange，让小编不由得想到一句台词“那年初学英语，你说你是orange，或许从一开始就是错的

于是简单查了一下，发现目前的大部分主流浏览器（Chrome、Firefox、Edge..）已经开始支持通过使用 prefers-color-scheme CSS 媒体特性来检测用户是否将操作系统的主题色设置为亮色或者暗色。 使用这种方式，在更改操作系统主题（或更改Win10中的新Edge默认主题）时，页面样式实时生效，无需刷新。（Microsoft Docs 则需要刷新页面才可生效，使用的也许不是这种方式，此处不做深究）