MacOS深色模式下微信文章页面背景变为黑色问题的解决

不死心，还是想改回原来的样子，所以就用浏览器审查工具看了看这个页面到底加了啥东西。结果发现这个样式定义：

问题分析：prefers-color-scheme

---

先来搞懂这个样式是用来做啥的。

prefers-color-scheme：CSS media feature 用于检测用户的系统主题是浅色或深色。

语法

• no-preference：表示用户未指定操作系统主题。其作为 布尔值 时以false输出。

• light：表示用户的操作系统是浅色主题。

• dark：表示用户的操作系统是深色主题。

示例

举个例子，快速认识它能用了该做什么？

.day { background: #eee; color: black; }

.night { background: #333; color: white; }

@media (prefers-color-scheme: dark) {

.day.dark-scheme { background: #333; color: white; }

.night.dark-scheme { background: black; color: #ddd; }

}

@media (prefers-color-scheme: light) {

.day.light-scheme { background: white; color: #555; }

.night.light-scheme { background: #eee; color: black; }

}

上面的样式定义了当操作系统处于浅色（light）、深色（dark）两种不同主题情况下，所要采用的不同样式定义。这样前端页面就可以随着用户的系统主题来变更为不同的配色模式，更智能的适配用户的喜好。

所以，这次微信页面背景变为黑色主题，实际上是由于我的MacOS采用了深色主题，而微信文章页面最近做了相关升级，导致我突然获得了与以往不同的展现效果。

如何解决

---

既然知道了问题原因，那么接下来就来说说如何解决这个问题，把微信文章页面恢复到原来的样式。

当然，最简单的方式就是切换成浅色主题，就可以恢复到原样。但是如果，对于系统主题希望还是以深色模式，但对于浏览器中的页面渲染依然采用浅色主题样式，那要如何实现呢？

下面就来介绍两种方法，帮助大家轻松解决这个问题：

方法一：命令控制

只需要在深色模式主题下，打开终端，执行下面这条命令：

defaults write com.google.Chrome NSRequiresAquaSystemAppearance -bool YES

关闭Chrome并重新打开，就能实现Chrome为浅色主题，而系统与其他应用为深色主题的设置。
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Java工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Java开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Java开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注Java获取）

总结

至此，文章终于到了尾声。总结一下，我们谈论了简历制作过程中需要注意的以下三个部分，并分别给出了一些建议：

1. 技术能力：先写岗位所需能力，再写加分能力，不要写无关能力；
2. 项目经历：只写明星项目，描述遵循 STAR 法则；
3. 简历印象：简历遵循三大原则：清晰，简短，必要，要有的放矢，不要海投；

以及最后为大家准备的福利时间：简历模板+Java面试题+热门技术系列教程视频

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！
.(img-Krz4zVvi-1712647926380)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！