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.

スクリプトをインストールするには、Tampermonkey, GreasemonkeyViolentmonkey のような拡張機能のインストールが必要です。

You will need to install an extension such as Tampermonkey to install this script.

スクリプトをインストールするには、TampermonkeyViolentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、TampermonkeyUserscripts のような拡張機能のインストールが必要です。

このスクリプトをインストールするには、Tampermonkeyなどの拡張機能をインストールする必要があります。

このスクリプトをインストールするには、ユーザースクリプト管理ツールの拡張機能をインストールする必要があります。

(ユーザースクリプト管理ツールは設定済みなのでインストール!)

このスタイルをインストールするには、Stylusなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus などの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus tなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

(ユーザースタイル管理ツールは設定済みなのでインストール!)

このスクリプトの質問や評価の投稿はこちら通報はこちらへお寄せください
作者
Crystal-RainSlide
1日のインストール数
0
累計インストール数
271
評価
2 0 0
バージョン
1.1
作成日
2019/11/19
更新日
2022/01/12
大きさ
2.6KB
ライセンス
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.