Whatsapp Tool all in one Changue background chats and moree
// ==UserScript==
// @name Whatsapp Tool all in one
// @name:zh-TW Whatsapp Tool all in one Changue background chats and more
// @name:zh-HK Whatsapp Tool all in one Changue background chats and more
// @name:zh-CN Whatsapp Tool all in one Changue background chats and more
// @name:ja Whatsapp Tool all in one Changue background chats and more
// @name:kr Whatsapp Tool all in one Changue background chats and more
// @name:ar Whatsapp Tool all in one Changue background chats and more
// @name:bg Whatsapp Tool all in one Changue background chats and more
// @name:cs Whatsapp Tool all in one Changue background chats and more
// @name:da Whatsapp Tool all in one Changue background chats and more
// @name:de Whatsapp Tool all in one Changue background chats and more
// @name:el Whatsapp Tool all in one Changue background chats and more
// @name:eo Whatsapp Tool all in one Changue background chats and more
// @name:es Whatsapp Tool all in one Changue background chats and more
// @name:fi Whatsapp Tool all in one Changue background chats and more
// @name:fr Whatsapp Tool all in one Changue background chats and more
// @name:fr-CA Whatsapp Tool all in one Changue background chats and more
// @name:he Whatsapp Tool all in one Changue background chats and more
// @name:hu Whatsapp Tool all in one Changue background chats and more
// @name:id Whatsapp Tool all in one Changue background chats and more
// @name:it Whatsapp Tool all in one Changue background chats and more
// @name:ko Whatsapp Tool all in one Changue background chats and more
// @name:nb Whatsapp Tool all in one Changue background chats and more
// @name:nl Whatsapp Tool all in one Changue background chats and more
// @name:pl Whatsapp Tool all in one Changue background chats and more
// @name:pt-BR Whatsapp Tool all in one Changue background chats and more
// @name:ro Whatsapp Tool all in one Changue background chats and more
// @name:ru Whatsapp Tool all in one Changue background chats and more
// @name:sk Whatsapp Tool all in one Changue background chats and more
// @name:sr Whatsapp Tool all in one Changue background chats and more
// @name:sv Whatsapp Tool all in one Changue background chats and more
// @name:th Whatsapp Tool all in one Changue background chats and more
// @name:tr Whatsapp Tool all in one Changue background chats and more
// @name:uk Whatsapp Tool all in one Changue background chats and more
// @name:ug Whatsapp Tool all in one Changue background chats and more
// @name:vi Whatsapp Tool all in one Changue background chats and more
// @description Whatsapp Tool all in one Changue background chats and moree
// @description:ar Whatsapp Tool all in one Changue background chats and moree
// @description:bg Whatsapp Tool all in one Changue background chats and moree
// @description:da Whatsapp Tool all in one Changue background chats and moree
// @description:de Whatsapp Tool all in one Changue background chats and moree
// @description:el Whatsapp Tool all in one Changue background chats and moree
// @description:eo Whatsapp Tool all in one Changue background chats and moree
// @description:fi Whatsapp Tool all in one Changue background chats and moree
// @description:fr-CA Whatsapp Tool all in one Changue background chats and moree
// @description:he Whatsapp Tool all in one Changue background chats and moree
// @description:hu Whatsapp Tool all in one Changue background chats and moree
// @description:id Whatsapp Tool all in one Changue background chats and moree
// @description:it Whatsapp Tool all in one Changue background chats and moree
// @description:ko Whatsapp Tool all in one Changue background chats and moree
// @description:nb Whatsapp Tool all in one Changue background chats and moree
// @description:nl Whatsapp Tool all in one Changue background chats and moree
// @description:pl Whatsapp Tool all in one Changue background chats and moree
// @description:pt-BR Whatsapp Tool all in one Changue background chats and moree
// @description:ro Whatsapp Tool all in one Changue background chats and moree
// @description:ru Whatsapp Tool all in one Changue background chats and moree
// @description:sk Whatsapp Tool all in one Changue background chats and moree
// @description:sr Whatsapp Tool all in one Changue background chats and moree
// @description:sv Whatsapp Tool all in one Changue background chats and moree
// @description:th Whatsapp Tool all in one Changue background chats and moree
// @description:tr Whatsapp Tool all in one Changue background chats and moree
// @description:uk Whatsapp Tool all in one Changue background chats and moree
// @description:ug Whatsapp Tool all in one Changue background chats and moree
// @description:vi Whatsapp Tool all in one Changue background chats and moree
// @homepage https://github.com/DeveloperMDCM/
// @version 1.4
// @description:zh-TW Whatsapp Tool all in one Changue background chats and moree
// @description:zh-HK Whatsapp Tool all in one Changue background chats and moree
// @description:zh-CN Whatsapp Tool all in one Changue background chats and moree
// @description:ja Whatsapp Tool all in one Changue background chats and moree
// @description:kr Whatsapp Tool all in one Changue background chats and moree
// @description:fr Whatsapp Tool all in one Changue background chats and moree
// @description:cs Whatsapp Tool all in one Changue background chats and moree
// @description:en Whatsapp Tool all in one Changue background chats and moree
// @description:es Whatsapp Tool all in one Changue background chats and moree
// @author MDCM
// @match *://*.whatsapp.com/
// @icon https://cdn-icons-png.flaticon.com/512/124/124034.png?w=360
// @grant GM_info
// @grant GM_setValue
// @grant GM_getValue
// @grant unsafeWindow
// @run-at document-end
// @compatible chrome
// @compatible firefox
// @compatible opera
// @compatible safari
// @compatible edge
// @connect https://web.whatsapp.com/
// @license MIT
// @namespace https://github.com/DeveloperMDCM/
// ==/UserScript==
(function () {
// Whatsapp tools by: DeveloperMDCM MDCM
//https://github.com/DeveloperMDCM/whatsapp-web-tools
function cargarScript() {
let htmlCss = `
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Whataspp</title>
</head>
<style>
#btn-mas{
display: none;
}
.cotenido{
position: fixed;
bottom: 10px;
left: 20px;
z-index:99;
width: 0;
}
.redes {
display: flex;
flex-direction: column;
width: 250px;
opacity: 0;
transition: all 500ms ease;
visibility: hidden;
box-shadow: 0px 1px 10px rgba(0,0,0,0.4);
border-radius: 10px;
color: #fff;
background: #fff;
}
.redes .encabezado{
display: flex;
flex-direction: column;
background: #202c33;
color: #fff;
padding: 15px 10px;
border-radius: 10px 10px 0px 0px;
}
.redes .encabezado b{
font-size: 20px;
padding-bottom: 5px;
}
.redes .agentes i{
font-size: 25px;
padding: 10px;
margin: 5px 10px;
color: #fff;
background: #06872a;
border-radius: 100px;
}
.redes .agentes ul{
list-style: none;
}
.agentes{
overflow: auto;
max-height: 300px;
}
.redes .agentes li{
color: #000;
font-size: 18px;
font-weight: 500;
}
.redes .agentes a{
color: #585858;
text-decoration: none;
cursor: pointer;
display: flex;
justify-content: space-around;
align-items: center;
}
.redes .agentes a:hover{
color: #000;
}
.redes .agentes::-webkit-scrollbar {
-webkit-appearance: none;
}
.redes .agentes::-webkit-scrollbar:vertical {
width:10px;
}
.redes .agentes::-webkit-scrollbar-button:increment,.redes .agentes::-webkit-scrollbar-button {
display: none;
}
.redes .agentes::-webkit-scrollbar:horizontal {
height: 10px;
}
.redes .agentes::-webkit-scrollbar-thumb {
background-color: #777;
border-radius: 20px;
border: 2px solid #777;
}
.redes .agentes::-webkit-scrollbar-track {
border-radius: 10px;
}
#btn-mas:checked~ .redes {
margin-bottom: 5px;
opacity: 1;
visibility: visible;
}
ul a img {
margin: 5px 0;
}
ul li a #files{
position: absolute;
opacity: 0;
}
ul li a #colores{
position: absolute;
width: 245px;
opacity: 0;
}
a:hover {
background-color: #9d9999;
}
</style>
<body>
<div class="cotenido">
<input type="checkbox" id="btn-mas">
<div class="redes">
<div class="encabezado">
<b>WhatsApp Tools</b>
<b>DeveloperMDCM💻</b>
<p> Configuracion para Whataspp</p>
</div>
<form>
<div class="agentes">
<ul>
<li><a ><img width="35" src="https://cdn-icons-png.flaticon.com/512/2659/2659360.png" alt="" ><input type="file" id="files" name="files" multiple /><p>Background Chats</p></a></li>
<li><a ><img width="35" src="https://cdn-icons-png.flaticon.com/512/1026/1026494.png" alt="" ><input list type="color" id="colores" /><p>Colores Fondo / BG</p></a></li>
<li><a id="tema_sistema" ><img width="35" src="https://cdn-icons-png.flaticon.com/512/1982/1982517.png" alt="" ><p>Theme Light / Dark</p></a></li>
<li><a ><img width="35" src="https://cdn-icons-png.flaticon.com/512/4004/4004693.png" alt="" ><p>(Ctrl+Alt) hidden chats</p></a></li>
<li><a ><img width="35" src="https://cdn-icons-png.flaticon.com/512/6450/6450118.png" alt="" ><p>(Ctrl+Shit) Private chats</p></a></li>
</ul>
</div>
</div>
<div class="btn-mas">
<label for="btn-mas"><img width="50" src="https://cdn-icons-png.flaticon.com/512/4494/4494494.png" alt="" ></label>
</div>
</div>
</body>
</html>
`;
const addButtonFlotant = document.querySelector("#pane-side");
if (addButtonFlotant != undefined) {
addButtonFlotant.insertAdjacentHTML("beforebegin", htmlCss);
}
let validoPrivacidad = 0;
document.addEventListener("keydown", (e) => {
if (e.ctrlKey && e.keyCode === 16) {
const allDivs = document.querySelector("body");
validoPrivacidad += 1;
switch (validoPrivacidad) {
case 1:
allDivs.style.filter = "blur(10px)";
break;
case 2:
allDivs.style.filter = "blur(0)";
validoPrivacidad = 0;
break;
}
}
});
const changeTheme = document.querySelector("#tema_sistema > p");
if(changeTheme != undefined) {
changeTheme.addEventListener("click", () => {
const bodytheme = document.querySelector("body");
const classNamesTheme = document.querySelector("body").classList;
if (classNamesTheme[1] === "dark") {
changeTheme.textContent = "Activate Theme Dark";
bodytheme.classList.remove("dark");
} else {
bodytheme.classList.add("dark");
changeTheme.textContent = "Activate Theme Light";
}
});
}
const InputColorOpacity = document.querySelector("#colores");
if(InputColorOpacity != undefined) {
InputColorOpacity.addEventListener("input", function () {
document.body.style.setProperty(
"--conversation-panel-background",
InputColorOpacity.value
);
});
}
// // Función para cambiar los estados de un mensaje visto , entregado y leído commin soon
// function cambiarvisto() {
// let visto = document.querySelectorAll(".do8e0lj9.l7jjieqr.k6y3xtnu > span");
// let svgLeido =
// '<svg width="15px" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <rect width="48" height="48" fill="white" fill-opacity="0.01"></rect> <path fill-rule="evenodd" clip-rule="evenodd" d="M24 40.9999C33.9411 40.9999 42 32.6778 42 26.9999C42 21.3219 33.9411 12.9999 24 12.9999C14.0589 12.9999 6 21.3277 6 26.9999C6 32.6721 14.0589 40.9999 24 40.9999Z" fill="#2F88FF" stroke="#000000" stroke-width="4" stroke-linejoin="round"></path> <path d="M24 32.9999C27.3137 32.9999 30 30.3136 30 26.9999C30 23.6862 27.3137 20.9999 24 20.9999C20.6863 20.9999 18 23.6862 18 26.9999C18 30.3136 20.6863 32.9999 24 32.9999Z" fill="#43CCF8" stroke="white" stroke-width="4" stroke-linejoin="round"></path> <path d="M13.2637 11.266L15.8582 14.8862" stroke="#000000" stroke-width="4" stroke-linecap="round"></path> <path d="M35.625 11.7103L33.0304 15.3305" stroke="#000000" stroke-width="4" stroke-linecap="round"></path> <path d="M24.0088 6.99988V12.9999" stroke="#000000" stroke-width="4" stroke-linecap="round"></path> </g></svg>';
// let svgEntregado =
// '<svg width="15px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M9.76406 5.29519C10.4664 5.10724 11.2123 5 12 5C18.3636 5 22 12 22 12C22 12 21.171 13.5958 19.612 15.2635M4.34912 8.77822C2.8152 10.4307 2 12 2 12C2 12 5.63636 19 12 19C12.8021 19 13.5608 18.8888 14.2744 18.6944M11.5 14.9585C10.4158 14.7766 9.52883 14.0132 9.17071 13M12.5 9.04148C13.7563 9.25224 14.7478 10.2437 14.9585 11.5M3 3L21 21" stroke="#c2c2c2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>';
// let svgEnviado =
// '<svg width="15px" fill="#aeaeae" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" stroke="#aeaeae"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M21.938,10.654a.993.993,0,0,1,0,.692,13.366,13.366,0,0,1-1.081,2.264,1,1,0,1,1-1.714-1.031A11.219,11.219,0,0,0,19.928,11C18.451,7.343,15.373,5,12,5S5.549,7.343,4.072,11a9.315,9.315,0,0,0,6.167,5.787,1,1,0,0,1-.478,1.942,11.393,11.393,0,0,1-7.7-7.383.993.993,0,0,1,0-.692C3.773,6.005,7.674,3,12,3S20.227,6.005,21.938,10.654Zm-2.231,4.639a1,1,0,0,0-1.414,0L17,16.586l-1.293-1.293a1,1,0,0,0-1.414,1.414L15.586,18l-1.293,1.293a1,1,0,0,0,1.414,1.414L17,19.414l1.293,1.293a1,1,0,0,0,1.414-1.414L18.414,18l1.293-1.293A1,1,0,0,0,19.707,15.293ZM9.5,10a1.492,1.492,0,0,1-1.175-.577,4,4,0,1,0,2.1-2.1A1.5,1.5,0,0,1,9.5,10Z"></path></g></svg>';
// for (let i = 1; i < visto.length; i++) {
// visto[i].ariaLabel === " Entregado "
// ? (visto[i].innerHTML = svgEntregado)
// : visto[i].ariaLabel === " Enviado "
// ? (visto[i].innerHTML = svgEnviado)
// : (visto[i].innerHTML = svgLeido);
// }
// }
// Función para cambiar el fondo de los chats
let fondoEnriptado;
function handleFileSelect(evt) {
var files = evt.target.files; // FileList object
// Loop through the FileList and render image files as thumbnails.
for (let i = 0, f; (f = files[i]); i++) {
// Only process image files.
if (!f.type.match("image.*")) {
continue;
}
let reader = new FileReader();
// Closure to capture the file information.
reader.onload = (() => {
return function (e) {
// Render
fondoEnriptado = e.target.result;
let chatbg = document.querySelector(
".lhggkp7q.qq0sjtgm.tkdu00h0.ln8gz9je.ppled2lx.tbmiozwh.fq1kqmrp.shnvsdv4"
); // Fondo / bg chats
const vista = document.querySelector("#main > header");
const ventaIzquierdaChats = document.querySelector("#side");
if (
chatbg != undefined &&
vista != undefined &&
ventaIzquierdaChats != undefined
) {
document.body.style.setProperty(
"--conversation-panel-background",
"black"
);
document.body.style.setProperty(
"--conversation-panel-border",
"#00f19ce8"
);
document.querySelector(
"#main > div._2gzeB > div > div._5kRIK"
).style.backgroundColor = "";
document
.querySelector("html[dir] ._5kRIK")
.style.setProperty(
"background-image",
`url('${fondoEnriptado}')`
);
document
.querySelector("html[dir] ._5kRIK")
.style.setProperty("background-size", `cover`);
}
ventaIzquierdaChats.onclick = () => {
document
.querySelector("html[dir] ._5kRIK")
.style.setProperty("background-size", `cover`);
document
.querySelector("html[dir] ._5kRIK")
.style.setProperty(
"background-image",
`url('${fondoEnriptado}')`
);
};
};
})(f);
// Read in the image file as a data URL.
reader.readAsDataURL(f);
}
}
document
.getElementById("files")
.addEventListener("change", handleFileSelect, false);
}
let validoChats = 0;
document.addEventListener("keydown", (e) => {
if (e.ctrlKey && e.altKey) {
const chats = document.querySelector("#app > div > div > div._2Ts6i._3RGKj");
validoChats += 1;
switch (validoChats) {
case 1:
chats.style.display = "none";
break;
case 2:
chats.style.display = "";
validoChats = 0;
break;
}
}
});
setInterval(() => {
const loadpague = document.querySelector('._1vjYt');
if(!loadpague) {
setTimeout(() => {
cargarScript();
document.querySelector("#app > div > div > div._2Ts6i._2xAQV > div > div > div._3q5qB > div._1vjYt > h1").textContent = 'WhatsApp Web Mod by: DeveloperMDCM'
}, 1000);
}
}, 1000);
// cargarScript();
})();