大家好，我是顺亿，今天和大家聊聊如何轻松实现网页暗黑模式。你可能已经在一些网站上见过这种模式，它把白色背景变成了黑色，黑色文字变成了白色，让视觉效果更加舒适。接下来，我们就来看看具体是怎么做到的。
1. 颜色反转
首先，我们使用CSS中的 invert(1) 函数来反转元素的所有颜色。这里的 invert(1) 表示 100% 完全反转，让白色变成黑色，黑色变成白色。
2. 色相旋转
但是，单纯的颜色反转会让色彩失真。所以，我们还需要使用 hue-rotate(180deg) 函数来修正这个问题。这个函数会将所有颜色在色相环上旋转 180 度，使得反转后的颜色更加接近原始色调。
使用这两个函数的组合，我们就能实现网页的暗黑模式。但是，这个方法有一个小问题：网页上的图片、视频和