V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
YunYouJun
V2EX  ›  前端开发

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

  •  
  •   YunYouJun ·
    YunYouJun · 2020-04-09 00:12:46 +08:00 · 1741 次点击
    这是一个创建于 1719 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    image.png

    请问这是怎么做到的?

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

    <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">
    
    
    4 条回复    2020-04-09 04:12:03 +08:00
    ysc3839
        1
    ysc3839  
       2020-04-09 00:34:11 +08:00 via Android
    js 设置的吧?
    iasuna
        2
    iasuna  
       2020-04-09 01:15:45 +08:00 via iPhone   ❤️ 3
    在 v2 上发帖❌
    谷歌搜索✓

    https://css-tricks.com/dark-mode-favicons/
    dcalsky
        3
    dcalsky  
       2020-04-09 01:28:12 +08:00 via Android
    v2 啥时候能学学 github 根据我手机壳的颜色改变主题色。
    YunYouJun
        4
    YunYouJun  
    OP
       2020-04-09 04:12:03 +08:00 via Android
    @iasuna !感谢。我的确谷歌了,可能是关键词没找好。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4068 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 05:15 · PVG 13:15 · LAX 21:15 · JFK 00:15
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.