SeaArt Blur Remover

Remove blurred images from SeaArt

// ==UserScript==
// @name         SeaArt Blur Remover
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Remove blurred images from SeaArt
// @author       Pedro Henrique
// @match        *www.seaart.ai/explore*
// @match        *www.seaart.ai/user*
// @match        *www.seaart.ai/models*
// @icon         https://www.seaart.ai/favicon.ico
// @grant        none
// @license      MIT
// @run-at document-end
// ==/UserScript==



(function() {
    'use strict';
    var bool = false;
    var myInterval;
    // Função para remover o atributo "blur" dos elementos com a classe "green-mode-div"
    function removerBlurDosElementos(elemento) {
        const style = elemento.style;
        if (style.backdropFilter) {
            if (bool == true)
            {
               style.backdropFilter = style.backdropFilter.replace(/blur\(.*?\)/g, '');
            }
            else
            {
               style.backdropFilter = "blur(19px) saturate(160%)";
            }
        }
    }

    // Chama a função para remover o blur dos elementos já carregados
    function removerBlurCarregados() {
        const elementos = document.querySelectorAll('.green-mode-div');
        elementos.forEach(removerBlurDosElementos);
    }

    // Adiciona o botão de remover o desfoque
    function appendbutton(element = null) {
        let b2 = document.createElement("button");
        b2.setAttribute("class", "el-backtop");
        b2.innerText = "🔞";
        b2.style = "right: 30px; bottom: 80px;";
        if (element != null) element.append(b2);
        else document.body.append(b2);

        b2.onclick = () => {
            if (bool) // para ativar desfoque
            {
                clearInterval(myInterval);
                bool = false;
                removerBlurCarregados();
            }
            else // para remover desfoque
            {
                bool = true;
                removerBlurCarregados();
                myInterval = setInterval(removerBlurCarregados, 1000);
            }

        };
    }
    // Chama a função para remover o blur dos elementos já carregados quando a página estiver carregada
    window.addEventListener('load', () => {
        // Ele detecta se houver o elemento app para adicionar o botão dentro nele
        const app = document.querySelector('#app');
        var element=null;
        if (app) element = app;
        appendbutton(element);
    });
})();