修改 GitHub 图标

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

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

作者
Crystal-RainSlide
日安装量
0
总安装量
271
评分
2 0 0
版本
1.1
创建于
2019-11-19
更新于
2022-01-12
大小
2.6 KB
许可证
blessing
适用于

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

如何修改配色

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

white_color
dark_color
black_color

white_background
dark_background
black_background
transparent_background

本脚本最后的赋值语句中,等号右侧的函数调用语句内有两个参数,前一个是前景色(默认为 white_color),后一个是背景色(默认为 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