Discord Wrapper Modifier

Modifies the .wrapper_cc5dd2 class only inside selected list items in Discord

Dovrai installare un'estensione come Tampermonkey, Greasemonkey o Violentmonkey per installare questo script.

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

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Userscripts per installare questo script.

Dovrai installare un'estensione come ad esempio Tampermonkey per installare questo script.

Dovrai installare un gestore di script utente per installare questo script.

(Ho già un gestore di script utente, lasciamelo installare!)

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

(Ho già un gestore di stile utente, lasciamelo installare!)

// ==UserScript==
// @name         Discord Wrapper Modifier
// @namespace    http://tampermonkey.net/
// @version      1.3
// @description  Modifies the .wrapper_cc5dd2 class only inside selected list items in Discord
// @author       You
// @match        https://discord.com/*
// @grant        none
// @license      MIT / Broadband. Not allowed for commercial use or for sharing / taking claim of product. We are legally allowed to sue on section 44.9 of the international Copyright act of 1994.
// ==/UserScript==

(function() {
    'use strict';

    function modifyWrapper() {
        let listItems = document.querySelectorAll('.listItemWrapper__91816.selected__91816');
        listItems.forEach(listItem => {
            let wrapper = listItem.querySelector('.wrapper_cc5dd2');
            if (wrapper) {
                console.log("Modifying wrapper:", wrapper);

                // Set opacity of all children to 0
                wrapper.querySelectorAll('*').forEach(child => {
                    child.style.opacity = "0";
                });

                // Add background image
                wrapper.style.backgroundImage = "url(https://i.imgur.com/FTckCa9.png)";
                wrapper.style.zIndex = "9999";
                wrapper.style.borderRadius = "10px";
                wrapper.style.backgroundSize = "contain";
                wrapper.style.backgroundRepeat = "no-repeat";
                wrapper.style.backgroundPosition = "center";
            }
        });
    }

    // Wait for elements to exist
    function waitForElement(selector, callback) {
        const observer = new MutationObserver((mutations, obs) => {
            if (document.querySelector(selector)) {
                obs.disconnect();
                callback();
            }
        });
        observer.observe(document.body, { childList: true, subtree: true });
    }

    waitForElement('.listItemWrapper__91816.selected__91816', modifyWrapper);

    // Observe changes in Discord UI
    const observer = new MutationObserver(() => modifyWrapper());
    observer.observe(document.body, { childList: true, subtree: true });

})();