257字 1.3分钟
Code关于MAC的黑暗模式（深色Dark模式）网站颜色不适应问题，给予解决方案。
在未修复前，深色模式看的话就是一片空白，因为深色模式的字体是白色，同时给了一个 ** background-color:#f5f5f5 ** 样式所导致
这个是不能忍的，苹果用户还是蛮多的，并且 Safari、Chrome 目前都支持深色模式，所以来适配一下
这里需要用到一个媒体查询 @media 的语法
prefers-color-scheme 用于检测用户的系统主题是浅色或深色，此属性有三个值
no-preference表示用户未指定操作系统模式，其作为布尔值时以 false 输出light表示用户的操作系统是浅色模式dark表示用户的操作系统是深色模式
它的用法也是很简单，默认都是浅色模式的，所以我们只写深色模式的样式就行
@media (prefers-color-scheme: light) {
/* 浅色模式样式 */
}
@media (prefers-color-scheme: dark) {
/* 深色模式样式 */
}