Fixes ALL icons in Google's new icon style. Pack link ( current ): https://imgtree.co/direct/a6r_DCuj.png
// ==UserScript==
// @name [1] • Bungle Max
// @match https://*/*
// @author Brune
// @description Fixes ALL icons in Google's new icon style. Pack link ( current ): https://imgtree.co/direct/a6r_DCuj.png
// @namespace brungle.pages.dev
// @version 1.0.0
// @run-at document-end
// @grant none
// ==/UserScript==
(() => {
const old = "https://ssl.gstatic.com/gb/images/sprites/p_2x_b60c18a5fab1.png";
const neu = "https://imgtree.co/direct/a6r_DCuj.png";
const ssSch = "https://lh3.googleusercontent.com/ogw/AF2bZyiKOL8usSGX_TotpmdcWio4XlmwafuN1XmLmBBhQNPCYNU=s32-c-mo";
const ssHome = "";
const style = document.createElement("style");
style.textContent = `
.MrEfLc:not([style*="lh3.googleusercontent.com"]) {
background-image: url("https://imgtree.co/direct/a6r_DCuj.png") !important;
}
.docs-branding-icon{
background-image: url(https://imgtree.co/direct/a6r_DCuj.png) !important;
background-size: 53px 3069px !important;
background-position: 0 -754px !important;
scale: 0.9;
margin-left: -8px;
margin-top: -1px;
width: 51px !important;
}
.docs-branding-icon-img.docs-icon-sheets-2026-36x36 {
display: none !important;
}
#nlpt::before {
width: 102% !important;
}
`;
document.head.appendChild(style);
const css = document.createElement("style");
css.textContent = `
html body #nlpt::before {
width: 102% !important;
background: radial-gradient(circle at -15% 50%, #4285F4 0%, #5A95F7 20%, #34A853 42%, #FBBC05 65%, #EA4335 108%) !important;
}
`;
document.documentElement.append(css);
const gmailLogo = "https://i.postimg.cc/1tmNLwzc/Gmail-New.png";
const replaceLoadingLogo = () => {
const img = document.querySelector('#loading img[alt="Gmail"]');
if (!img) return;
img.src = gmailLogo;
img.srcset = `${gmailLogo} 1x, ${gmailLogo} 2x`;
img.height = 175;
img.width = 175;
const wrap = img.parentElement;
if (wrap) {
wrap.style.animation = "none";
wrap.style.opacity = "1";
wrap.style.transition = "opacity .35s ease, transform .35s ease";
wrap.style.transform = "translateY(0)";
}
};
const logo = "https://imgtree.co/direct/3rSH8gGM.png";
const id = setInterval(() => {
const img = document.querySelector('a[aria-label="Gmail"] img');
if (!img) return;
img.src = logo;
img.srcset = `${logo} 1x, ${logo} 2x`;
img.width = "";
img.height = "44px !important"
clearInterval(id);
}, 50);
const keepLoading = setInterval(() => {
const e = document.getElementById("loading");
if (e) {
e.style.setProperty("display", "block", "important");
} else {
clearInterval(keepLoading);
}
}, 1);
setTimeout(() => {
clearInterval(keepLoading);
const e = document.getElementById("loading");
if (e) {
e.style.display = "none";
}
}, 8100);
const replaceSheetsLogo = () => {
const img = document.querySelector('img.gb_9c.gb_je');
if (!img || img.dataset.bungle) return;
const icon = document.createElement("span");
icon.dataset.bungle = "1";
icon.style.cssText = `
display:inline-block;
width:40px;
height:40px;
background:url("https://imgtree.co/direct/a6r_DCuj.png") no-repeat;
background-size:53px 3069px;
background-position:0 -754px;
width: 51px !important;
scale: 1.1 !important;
height: 40px;
`;
img.replaceWith(icon);
};
replaceSheetsLogo();
new MutationObserver(replaceSheetsLogo).observe(document.body, {
childList: true,
subtree: true
});
const replaceClassroomLogo = () => {
const img = document.querySelector('img.UAJaRc[alt="Google Classroom"]');
if (!img || img.dataset.bungle) return;
const icon = document.createElement("span");
icon.dataset.bungle = "1";
icon.style.cssText = `
display:inline-block;
width:40px;
height:40px;
flex:none;
background:url("https://imgtree.co/direct/a6r_DCuj.png") no-repeat;
background-size:53px 3069px;
background-position:0 -2784px;
width: 47px !important;
height: 47px !important;
scale: 1 !important;
`;
img.replaceWith(icon);
};
replaceClassroomLogo();
new MutationObserver(replaceClassroomLogo).observe(document.body, {
childList: true,
subtree: true
});
replaceLoadingLogo();
new MutationObserver(replaceLoadingLogo).observe(document, {
childList: true,
subtree: true
});
})();