晚上用电脑时，屏幕刺眼是常事。很多人开了系统的暗黑模式，却发现某些软件或网页的图标还是亮白底色，显得特别突兀。这时候，图标的暗黑模式适配就显得尤为重要。
为什么需要专门的暗黑图标
白天看白色背景清爽，但到了夜里，深色界面更护眼。如果图标没有做适配，比如一个白色的音量图标在黑色背景上，边缘就会发虚、泛光，看起来像“漂”在界面上，影响整体观感。尤其是浏览器标签、系统托盘这些高频查看的位置，细节更不能马虎。
如何准备两套图标资源
最直接的方式是准备两套图标：一套用于浅色模式，另一套专为暗黑模式设计。颜色上避免纯白，改用灰白或带色调的浅色；线条可以稍微加粗一点，确保在深色背景下依然清晰可辨。
以网页开发为例，可以通过 CSS 检测用户的偏好设置：
<link rel="icon" href="icon-light.png" media="(prefers-color-scheme: light)">
<link rel="icon" href="icon-dark.png" media="(prefers-color-scheme: dark)">这样浏览器会根据系统主题自动加载对应的图标，用户无感切换，体验更顺滑。
利用滤镜简化适配流程
如果暂时没有人力重新绘制一套图标，也可以用 CSS 滤镜临时处理。比如对原有图标应用 invert 和 brightness 调整，让它在暗色环境下不那么扎眼：
.favicon img {
filter: invert(1) brightness(1.2);
}这种方式虽然快，但效果有限。有些图标反色后颜色失真，比如红色变成青色，反而让人误读。适合过渡使用，长期还得靠专门设计。
关注系统级支持
Windows 和 macOS 都支持应用程序根据主题切换图标资源。开发者可以在资源文件中加入 dark variant 标记，或者使用 Asset Catalogs（macOS）来管理不同模式下的图像。普通用户可能不直接操作这些，但如果你自己装了第三方工具或插件，发现图标没跟上暗黑模式，大概率是开发者没做这一步。
日常使用中，像微信、VS Code 这些软件已经做得不错，进入暗黑模式后，任务栏图标也会变暗。而一些老软件或小众工具还停留在“一图走天下”，这时候只能手动换图标，或者接受视觉上的小瑕疵。
小建议：从常用场景入手
别追求一步到位。先把你每天打开最多的几个程序或网站的图标处理好，比如浏览器、编辑器、聊天工具。这些地方改好了，整个使用氛围就会舒服很多。后续再慢慢优化其他角落。