[1] • Bungle Max

Fixes ALL icons in Google's new icon style. Pack link ( current ): https://imgtree.co/direct/a6r_DCuj.png
Stel een vraag, plaats een beoordeling of rapporteer dit script.
Regels afbreken
// ==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
});


})();