2022年03月26日

1.6k

阅读

乱写

升级！重构深浅色模式切换功能 这篇文章介绍了作者在实现网站深浅色模式切换功能时遇到的问题和解决方案。作者最初使用了两个 CSS 文件来实现切换，但发现需要维护两份文件和手动切换的问题。作者最终采用了 localStorage 和一个 CSS 文件来实现切换，并解决了资源加载优先级的问题。文章还介绍了如何使用预加载来避免背景缺失问题。

2020年07月28日

533

阅读

乱写

网页如何跟随系统切换深色模式 这篇文章介绍了如何使用 CSS 实现网页深色模式，通过 @media (prefers-color-scheme: dark) 配合 :root 选择器可以根据用户系统主题色的设置来改变网页的颜色和背景图片。需要注意的是，有些浏览器不支持 prefers-color-scheme 特性。