全部fork repo.GitHubGitHub ActionWebhookPythonRSSHubHi游戏CI/CDbrewpip3python3ReactCSSIcon小程序git开发开源RaycastPodsyncYoutubeCloudflareSpringXMLJava编译器IDEVueJavaScriptChromeSafariViteProxyBrowser API

最近在折腾微信小程序,写 ✍🏻️ 一个关于个人图书管理的小程序应用。

在二十一世纪的今天几乎所有的应用都是有 Icon 的,Icon 的存在降低了用户的学习成本以及操作的速度,在很多时候我们人类对于文字的阅读能力相较于图像来说时略差的,所以应用程序的操作按钮基本都会附带上一个具有近似表达的 Icon,固然在小程序的开发中也得用上 Icon。

从 2019 年 10 月开始苹果正实的在 iOS13 中加入了深色模式「Dark Mode」,这也标志这手机系统拥有深色模式将是一个大趋势。

深色模式的加入使得我们在开发一个应用程序的时候需要考虑到应用的深色模式下的适配,这样我们才能开发出比较好的产品,所以在我的这个小程序中我尝试了适配深色模式,但是遇到了一个问题,那就是 Icon 的颜色变化,如果我们不需要对深色模式进行适配的话,我们仅需要单一颜色的 Icon 就可以解决了,但是适配深色模式我们就需要对 Icon 进行相应的颜色调整。

这时候我能想到的解决方案就是使用两种颜色的 Icon 保存到程序中,根据当前颜色模式的不同而展示不同颜色的 Icon 但是这种解决方案存在一个问题就是当图片文件变多的时候会很占用空间而一个小程序的最大空间仅能为 2M,如果大于这个空间就需要考虑进行分包加载了!

于是我就开始摸索一个能直接使用修改 Icon 颜色的方案。

2022/4/13 CSSIcon小程序