Modifies the .wrapper_cc5dd2 class only inside selected list items in Discord
// ==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 });
})();