GitHub 根据浏览器亮暗皮肤加载对应图标,是如何实现的?

2020-04-09 00:12:46 +08:00
 YunYouJun

上周还是什么时候,突然发现 GitHub 的图标可以根据浏览器的亮暗加载对应相反色的图标。

譬如,亮色时加载黑圆圈,暗色时加载白圆圈。

请问这是怎么做到的?

头部目前看到应该相关的是这个。

<link rel="alternate icon" class="js-site-favicon" type="image/png" href="https://github.githubassets.com/favicons/favicon-dark.png">
<link rel="icon" class="js-site-favicon" type="image/svg+xml" href="https://github.githubassets.com/favicons/favicon-dark.svg">

1721 次点击
所在节点    前端开发
4 条回复
ysc3839
2020-04-09 00:34:11 +08:00
js 设置的吧?
iasuna
2020-04-09 01:15:45 +08:00
在 v2 上发帖❌
谷歌搜索✓

https://css-tricks.com/dark-mode-favicons/
dcalsky
2020-04-09 01:28:12 +08:00
v2 啥时候能学学 github 根据我手机壳的颜色改变主题色。
YunYouJun
2020-04-09 04:12:03 +08:00
@iasuna !感谢。我的确谷歌了,可能是关键词没找好。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/660627

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX