Tweak GitHub Icon

Tweak the icon of GitHub's website into white color & transparent background for better contrast on dark tab backgrounds etc. , especially for dark-themed browser. White, dark and black colors as well as white, dark, black and transparent backgrounds are all predifined in case of you need to modify them. Require SVG icon support.

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

作者
Crystal-RainSlide
今日安裝
0
安裝總數
271
評價
2 0 0
版本
1.1
建立日期
2019-11-19
更新日期
2022-01-12
尺寸
2.6 KB
授權條款
blessing
腳本執行於

By implementation, this script should have no control on the page icons of browser bookmarks.

How to change the colors

Use those predifined varibles:

white_color
dark_color
black_color

white_background
dark_background
black_background
transparent_background

to replace the two arguments inside the function in the right side of the euqal sign at the end of this script:

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

For example, if we want black color and white background:

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

SVG source code based on https://github.githubassets.com/pinned-octocat.svg , all the rights belong to GitHub.Inc .

The so called "dark color" is #191717 #191717 in the link above.