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.

Tendrás que instalar una extensión para tu navegador como Tampermonkey, Greasemonkey o Violentmonkey si quieres utilizar este script.

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

Necesitarás instalar una extensión como Tampermonkey o Violentmonkey para instalar este script.

Necesitarás instalar una extensión como Tampermonkey o Userscripts para instalar este script.

Necesitará instalar una extensión como Tampermonkey para instalar este script.

Necesitarás instalar una extensión para administrar scripts de usuario si quieres instalar este script.

(Ya tengo un administrador de scripts de usuario, déjame instalarlo)

Necesitará instalar una extensión como Stylus para instalar este estilo.

Necesitará instalar una extensión como Stylus para instalar este estilo.

Necesitará instalar una extensión como Stylus para instalar este estilo.

Necesitará instalar una extensión del gestor de estilos de usuario para instalar este estilo.

Necesitará instalar una extensión del gestor de estilos de usuario para instalar este estilo.

Necesitará instalar una extensión del gestor de estilos de usuario para instalar este estilo.

(Ya tengo un administrador de estilos de usuario, déjame instalarlo)

Autor
Crystal-RainSlide
Instalaciones diarias
0
Instalaciones totales
271
Calificaciones
2 0 0
Versión
1.1
Creado
19/11/2019
Actualizado
12/01/2022
Tamaño
2.6 KB
Licencia
blessing
Funciona en

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.