前言
暗模式似乎已成为网页端和移动端应用程序所必需的视觉模式。我们的眼睛更适应暗模式，特别是对于喜欢半夜进行编码和阅读教程的人。不幸的是，并非所有网站都提供暗模式，本文使用一行代码即可开启所有网站的暗模式。
解决方法
虽然这不是真正的“暗模式”，你可以使用CSS filter来创造属于你自己的暗模式。
html {
filter: invert(1);
}
//或者在console中直接输入
document.querySelector('html').style.filter = 'invert(1)'
通过完全反转颜色将使得我们看一些浅色主题网站时更加舒适。
需要提到的是，网站开发人员不应将其视为长期解决方案，因为这是一种非常懒惰的补救措施。
添加filter list进行可选颜色调整
/* Use hue-rotate for optional color adjustment */
html { filter: invert(1) contrast(0.95) saturate(0.5) hue-rotate(180deg); }
效果
以掘金网站为例。
- 调整前：
- 调整后
- 颜色柔和化调整后
经过一行代码的简单调整，除了头像比较阴间，其他观感上舒适了很多。
