使用CSS变量创建一个切换暗黑/浅色模式的功能

原文信息: 查看原文查看原文

Create A Dark/Light Mode Switch with CSS Variables

- Ananya Neogi

随着苹果在 MacOS 和 iOS 上相继推出暗黑模式,越来越多的Web网站也开始推出响应的暗黑模式,创建暗黑模式的方式有很多个,作者介绍了一种使用CSS变量的方式来实现一个方便将网站切换到暗黑模式的一种切换器。

要很好地理解本文的内容,需要对CSS变量的概念和实践有一些经验。

在使用CSS变量实现了暗黑模式和浅色模式之后,作者讲解了如何通过JavaScript实现一个“模式切换器”,并给出一些体验优化的建议。

分享于 2020-01-07

访问量 2104

预览图片