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

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

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

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

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

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

请问这是怎么做到的?

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

<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">

----------------------- 以下是精选回复-----------------------

答:js 设置的吧?
答:在 v2 上发帖❌
谷歌搜索✓

https://css-tricks.com/dark-mode-favicons/
答:v2 啥时候能学学 github 根据我手机壳的颜色改变主题色。

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » GitHub 根据浏览器亮暗皮肤加载对应图标,是如何实现的?

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情