利用 CSS3 自定义属性来为网站添加“暗黑模式”(暗色模式/DarkMode)

刘悦 at 
究竟什么是暗黑模式?这个概念起初来源于 macOS 系统,该系统的 mojave 版本为用户提供两个主题皮肤,即浅色和深色的皮肤。自从有了这个概念之后,很多网站和系统都会用户提供了相应的两套肤色,便于用户根据自己的习惯或爱好进行切换从科学的角度讲,低对比度的暗色可以降低屏幕对视网膜的刺激,同时还可以让电子设备更加省电。在过往的印象之中,最早实现类似的效果,一般都是通过 JavaScript 来更换 Web 页面或 Web 应用程序主题皮肤的.css 文件,但是对于维护多套样式是较为痛苦的,特别当你要为你的产品提供更多的皮肤的时候更为堪忧。这个时候你可以借助类似 Sass 这样的处理器来维护你的……