修改 GitHub 图标

将 GitHub 的网站图标改为亮色透明背景,改善暗色标签页背景等环境下图标的对比度,适合使用暗色主题的浏览器。内置 亮、暗、黑 三种前景色和 亮、暗、黑、透明 四种背景色可供直接修改。浏览器需支持 SVG 图标。

目前为 2020-02-20 提交的版本。查看 最新版本

作者
Crystal-RainSlide
评分
0 0 0
版本
1.1
创建于
2019-11-19
更新于
2020-02-20
大小
2.6 KB
许可证
暂无
适用于

由于实现方式,本脚本应当无法修改浏览器书签中的图标。

如何修改配色

代码中已有的前景色背景色变量:

white_color
dark_color
black_color

white_background
dark_background
black_background
transparent_background

本脚本最后的赋值语句中,等号右侧的函数调用语句内有两个参数,前一个是前景色,后一个是背景色,修改这两个函数即可:

document.head.querySelector('[rel="icon"]').href =
    getSVGDataURL( white_color, transparent_background );

即可。


例如,修改成黑色 + 白色背景:

document.head.querySelector('[rel="icon"]').href =
    getSVGDataURL( black_color, white_background );

SVG 代码修改自 https://github.githubassets.com/pinned-octocat.svg,版权归 GitHub Inc. 所有。

暗色使用了上述文件中的 #191717 #191717

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址