☰

Whatsapp Tool all in one Changue background chats and more

Whatsapp Tool all in one Changue background chats and moree

  1. // ==UserScript==
  2. // @name         Whatsapp Tool all in one
  3. // @name:zh-TW   Whatsapp Tool all in one  Changue background chats and more 
  4. // @name:zh-HK   Whatsapp Tool all in one  Changue background chats and more 
  5. // @name:zh-CN   Whatsapp Tool all in one  Changue background chats and more 
  6. // @name:ja      Whatsapp Tool all in one  Changue background chats and more 
  7. // @name:kr      Whatsapp Tool all in one  Changue background chats and more 
  8. // @name:ar      Whatsapp Tool all in one  Changue background chats and more 
  9. // @name:bg      Whatsapp Tool all in one  Changue background chats and more 
  10. // @name:cs      Whatsapp Tool all in one  Changue background chats and more
  11. // @name:da      Whatsapp Tool all in one  Changue background chats and more
  12. // @name:de      Whatsapp Tool all in one  Changue background chats and more 
  13. // @name:el      Whatsapp Tool all in one  Changue background chats and more 
  14. // @name:eo      Whatsapp Tool all in one  Changue background chats and more  
  15. // @name:es      Whatsapp Tool all in one  Changue background chats and more 
  16. // @name:fi      Whatsapp Tool all in one  Changue background chats and more  
  17. // @name:fr      Whatsapp Tool all in one  Changue background chats and more 
  18. // @name:fr-CA   Whatsapp Tool all in one  Changue background chats and more  
  19. // @name:he      Whatsapp Tool all in one  Changue background chats and more 
  20. // @name:hu      Whatsapp Tool all in one  Changue background chats and more  
  21. // @name:id      Whatsapp Tool all in one  Changue background chats and more 
  22. // @name:it      Whatsapp Tool all in one  Changue background chats and more  
  23. // @name:ko      Whatsapp Tool all in one  Changue background chats and more  
  24. // @name:nb      Whatsapp Tool all in one  Changue background chats and more 
  25. // @name:nl      Whatsapp Tool all in one  Changue background chats and more  
  26. // @name:pl      Whatsapp Tool all in one  Changue background chats and more 
  27. // @name:pt-BR   Whatsapp Tool all in one  Changue background chats and more  
  28. // @name:ro      Whatsapp Tool all in one  Changue background chats and more
  29. // @name:ru      Whatsapp Tool all in one  Changue background chats and more 
  30. // @name:sk      Whatsapp Tool all in one  Changue background chats and more 
  31. // @name:sr      Whatsapp Tool all in one  Changue background chats and more
  32. // @name:sv      Whatsapp Tool all in one  Changue background chats and more 
  33. // @name:th      Whatsapp Tool all in one  Changue background chats and more 
  34. // @name:tr      Whatsapp Tool all in one  Changue background chats and more 
  35. // @name:uk      Whatsapp Tool all in one  Changue background chats and more 
  36. // @name:ug      Whatsapp Tool all in one  Changue background chats and more 
  37. // @name:vi      Whatsapp Tool all in one  Changue background chats and more 
  38. // @description         Whatsapp Tool all in one  Changue background chats and moree 
  39. // @description:ar      Whatsapp Tool all in one  Changue background chats and moree  
  40. // @description:bg      Whatsapp Tool all in one  Changue background chats and moree  
  41. // @description:da      Whatsapp Tool all in one  Changue background chats and moree 
  42. // @description:de      Whatsapp Tool all in one  Changue background chats and moree
  43. // @description:el      Whatsapp Tool all in one  Changue background chats and moree
  44. // @description:eo      Whatsapp Tool all in one  Changue background chats and moree 
  45. // @description:fi      Whatsapp Tool all in one  Changue background chats and moree 
  46. // @description:fr-CA   Whatsapp Tool all in one  Changue background chats and moree 
  47. // @description:he      Whatsapp Tool all in one  Changue background chats and moree
  48. // @description:hu      Whatsapp Tool all in one  Changue background chats and moree 
  49. // @description:id      Whatsapp Tool all in one  Changue background chats and moree
  50. // @description:it      Whatsapp Tool all in one  Changue background chats and moree
  51. // @description:ko      Whatsapp Tool all in one  Changue background chats and moree
  52. // @description:nb      Whatsapp Tool all in one  Changue background chats and moree
  53. // @description:nl      Whatsapp Tool all in one  Changue background chats and moree
  54. // @description:pl      Whatsapp Tool all in one  Changue background chats and moree
  55. // @description:pt-BR   Whatsapp Tool all in one  Changue background chats and moree
  56. // @description:ro      Whatsapp Tool all in one  Changue background chats and moree
  57. // @description:ru      Whatsapp Tool all in one  Changue background chats and moree
  58. // @description:sk      Whatsapp Tool all in one  Changue background chats and moree
  59. // @description:sr      Whatsapp Tool all in one  Changue background chats and moree
  60. // @description:sv      Whatsapp Tool all in one  Changue background chats and moree
  61. // @description:th      Whatsapp Tool all in one  Changue background chats and moree
  62. // @description:tr      Whatsapp Tool all in one  Changue background chats and moree
  63. // @description:uk      Whatsapp Tool all in one  Changue background chats and moree
  64. // @description:ug      Whatsapp Tool all in one  Changue background chats and moree
  65. // @description:vi      Whatsapp Tool all in one  Changue background chats and moree
  66. // @homepage            https://github.com/DeveloperMDCM/
  67. // @version      1.4
  68. // @description:zh-TW  Whatsapp Tool all in one  Changue background chats and moree
  69. // @description:zh-HK  Whatsapp Tool all in one  Changue background chats and moree 
  70. // @description:zh-CN  Whatsapp Tool all in one  Changue background chats and moree
  71. // @description:ja     Whatsapp Tool all in one  Changue background chats and moree 
  72. // @description:kr     Whatsapp Tool all in one  Changue background chats and moree
  73. // @description:fr     Whatsapp Tool all in one  Changue background chats and moree
  74. // @description:cs     Whatsapp Tool all in one  Changue background chats and moree
  75. // @description:en     Whatsapp Tool all in one  Changue background chats and moree 
  76. // @description:es     Whatsapp Tool all in one  Changue background chats and moree
  77. // @author       MDCM
  78. // @match        *://*.whatsapp.com/
  79. // @icon         https://cdn-icons-png.flaticon.com/512/124/124034.png?w=360
  80. // @grant        GM_info
  81. // @grant        GM_setValue
  82. // @grant        GM_getValue
  83. // @grant        unsafeWindow
  84. // @run-at       document-end
  85. // @compatible chrome
  86. // @compatible firefox
  87. // @compatible opera
  88. // @compatible safari
  89. // @compatible edge
  90. // @connect      https://web.whatsapp.com/
  91. // @license MIT
  92. // @namespace https://github.com/DeveloperMDCM/
  93. // ==/UserScript==
  94.  
  95.  
  96.  
  97.  
  98. (function () {
  99.  // Whatsapp tools by: DeveloperMDCM MDCM
  100.   //https://github.com/DeveloperMDCM/whatsapp-web-tools
  101.   function cargarScript() {
  102.     let htmlCss = `
  103.  <!DOCTYPE html>
  104. <html lang="en">
  105. <head>
  106.   <meta charset="UTF-8">
  107.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  108.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  109.   <title>Whataspp</title>
  110.  
  111. </head>
  112. <style>
  113.        #btn-mas{
  114.            display: none;
  115.        }
  116.        .cotenido{
  117.            position: fixed;
  118.            bottom: 10px;
  119.            left: 20px;
  120.              z-index:99;
  121.              width: 0;
  122.        }
  123.        .redes {
  124.          display: flex;
  125.          flex-direction: column;
  126.          width: 250px;
  127.          opacity: 0;
  128.          transition: all 500ms ease;
  129.          visibility: hidden;
  130.          box-shadow: 0px 1px 10px rgba(0,0,0,0.4);
  131.          border-radius: 10px;
  132.          color: #fff;
  133.          background: #fff;
  134.  
  135.        }
  136.        .redes .encabezado{
  137.          display: flex;
  138.          flex-direction: column;
  139.          background: #202c33;
  140.          color: #fff;
  141.          padding: 15px 10px;
  142.          border-radius: 10px 10px 0px 0px;
  143.        }
  144.        .redes .encabezado b{
  145.          font-size: 20px;
  146.          padding-bottom: 5px;
  147.        }
  148.        .redes .agentes  i{
  149.          font-size: 25px;
  150.          padding: 10px;
  151.          margin: 5px 10px;
  152.          color: #fff;
  153.          background: #06872a;
  154.          border-radius: 100px;
  155.  
  156.        }
  157.        .redes .agentes ul{
  158.         list-style: none;
  159.  
  160.  
  161.        }
  162.        .agentes{
  163.         overflow: auto;
  164.         max-height: 300px;
  165.  
  166.        }
  167.        .redes .agentes li{
  168.          color: #000;
  169.          font-size: 18px;
  170.          font-weight: 500;
  171.        }
  172.        .redes .agentes a{
  173.         color: #585858;
  174.         text-decoration: none;
  175.         cursor: pointer;
  176.         display: flex;
  177.         justify-content: space-around;
  178.         align-items: center;
  179.        }
  180.        .redes .agentes a:hover{
  181.         color: #000;
  182.        }
  183.        .redes .agentes::-webkit-scrollbar {
  184.             -webkit-appearance: none;
  185.         }
  186.  
  187.         .redes .agentes::-webkit-scrollbar:vertical {
  188.             width:10px;
  189.         }
  190.  
  191.         .redes .agentes::-webkit-scrollbar-button:increment,.redes .agentes::-webkit-scrollbar-button {
  192.             display: none;
  193.         }
  194.  
  195.         .redes .agentes::-webkit-scrollbar:horizontal {
  196.             height: 10px;
  197.         }
  198.  
  199.         .redes .agentes::-webkit-scrollbar-thumb {
  200.             background-color: #777;
  201.             border-radius: 20px;
  202.             border: 2px solid #777;
  203.         }
  204.  
  205.         .redes .agentes::-webkit-scrollbar-track {
  206.             border-radius: 10px;
  207.         }
  208.  
  209.  
  210.  
  211.        #btn-mas:checked~ .redes {
  212.            margin-bottom: 5px;
  213.            opacity: 1;
  214.            visibility: visible;
  215.        }
  216.  
  217.      
  218.  
  219.  
  220.        ul a img {
  221.         margin: 5px 0;
  222.        }
  223.  
  224.        ul li a #files{
  225.         position: absolute;
  226.         opacity: 0;
  227.        }
  228.        ul li a #colores{
  229.         position: absolute;
  230.         width: 245px;
  231.         opacity: 0;
  232.        }
  233.  
  234.        a:hover {
  235.         background-color: #9d9999;
  236.  
  237.        }
  238. </style>
  239. <body>
  240. <div class="cotenido">
  241. <input type="checkbox" id="btn-mas">
  242. <div class="redes">
  243.   <div class="encabezado">
  244.     <b>WhatsApp Tools</b>
  245.     <b>DeveloperMDCM💻</b>
  246.      <p> Configuracion para Whataspp</p>
  247.   </div>
  248.   <form>
  249.   <div class="agentes">
  250.   <ul>
  251.   <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>
  252.   <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>
  253.   <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>
  254.   <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>
  255.   <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>
  256.   </ul>
  257.   </div>
  258. </div>
  259. <div class="btn-mas">
  260.     <label for="btn-mas"><img width="50" src="https://cdn-icons-png.flaticon.com/512/4494/4494494.png" alt="" ></label>
  261. </div>
  262. </div>
  263.  
  264.  
  265. </body>
  266. </html>
  267.  `;
  268.  
  269.     const addButtonFlotant = document.querySelector("#pane-side");
  270.  
  271.     if (addButtonFlotant != undefined) {
  272.       addButtonFlotant.insertAdjacentHTML("beforebegin", htmlCss);
  273.     }
  274.  
  275.     let validoPrivacidad = 0;
  276.     document.addEventListener("keydown", (e) => {
  277.       if (e.ctrlKey && e.keyCode === 16) {
  278.         const allDivs = document.querySelector("body");
  279.         validoPrivacidad += 1;
  280.         switch (validoPrivacidad) {
  281.           case 1:
  282.               allDivs.style.filter = "blur(10px)";
  283.  
  284.             break;
  285.           case 2:
  286.               allDivs.style.filter = "blur(0)";
  287.               validoPrivacidad = 0;
  288.             break;
  289.         }
  290.       }
  291.     });
  292.  
  293.  
  294.  
  295.     const changeTheme = document.querySelector("#tema_sistema > p");
  296.     if(changeTheme != undefined) {
  297.       changeTheme.addEventListener("click", () => {
  298.         const bodytheme = document.querySelector("body");
  299.         const classNamesTheme = document.querySelector("body").classList;
  300.         if (classNamesTheme[1] === "dark") {
  301.           changeTheme.textContent = "Activate Theme Dark";
  302.           bodytheme.classList.remove("dark");
  303.         } else {
  304.           bodytheme.classList.add("dark");
  305.           changeTheme.textContent = "Activate Theme Light";
  306.         }
  307.       });
  308.     }
  309.  
  310.     const InputColorOpacity = document.querySelector("#colores");
  311.     if(InputColorOpacity != undefined) {
  312.       InputColorOpacity.addEventListener("input", function () {
  313.         document.body.style.setProperty(
  314.           "--conversation-panel-background",
  315.           InputColorOpacity.value
  316.         );
  317.       });
  318.     }
  319.  
  320.   //     // Función para cambiar los estados de un mensaje visto , entregado y leído commin soon
  321.   // function cambiarvisto() {
  322.   //   let visto = document.querySelectorAll(".do8e0lj9.l7jjieqr.k6y3xtnu > span");
  323.   //   let svgLeido =
  324.   //     '<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>';
  325.   //   let svgEntregado =
  326.   //     '<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>';
  327.   //   let svgEnviado =
  328.   //     '<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>';
  329.   //   for (let i = 1; i < visto.length; i++) {
  330.   //     visto[i].ariaLabel === " Entregado "
  331.   //       ? (visto[i].innerHTML = svgEntregado)
  332.   //       : visto[i].ariaLabel === " Enviado "
  333.   //       ? (visto[i].innerHTML = svgEnviado)
  334.   //       : (visto[i].innerHTML = svgLeido);
  335.   //   }
  336.   // }
  337.     // Función para cambiar el fondo de los chats
  338.     let fondoEnriptado;
  339.     function handleFileSelect(evt) {
  340.       var files = evt.target.files; // FileList object
  341.       // Loop through the FileList and render image files as thumbnails.
  342.       for (let i = 0, f; (f = files[i]); i++) {
  343.         // Only process image files.
  344.         if (!f.type.match("image.*")) {
  345.           continue;
  346.         }
  347.         let reader = new FileReader();
  348.         // Closure to capture the file information.
  349.         reader.onload = (() => {
  350.           return function (e) {
  351.             // Render
  352.             fondoEnriptado = e.target.result;
  353.             let chatbg = document.querySelector(
  354.               ".lhggkp7q.qq0sjtgm.tkdu00h0.ln8gz9je.ppled2lx.tbmiozwh.fq1kqmrp.shnvsdv4"
  355.             ); // Fondo / bg chats
  356.             const vista = document.querySelector("#main > header");
  357.  
  358.             const ventaIzquierdaChats = document.querySelector("#side");
  359.             if (
  360.               chatbg != undefined &&
  361.               vista != undefined &&
  362.               ventaIzquierdaChats != undefined
  363.             ) {
  364.               document.body.style.setProperty(
  365.                 "--conversation-panel-background",
  366.                 "black"
  367.               );
  368.               document.body.style.setProperty(
  369.                 "--conversation-panel-border",
  370.                 "#00f19ce8"
  371.               );
  372.               document.querySelector(
  373.                 "#main > div._2gzeB > div > div._5kRIK"
  374.               ).style.backgroundColor = "";
  375.               document
  376.                 .querySelector("html[dir] ._5kRIK")
  377.                 .style.setProperty(
  378.                   "background-image",
  379.                   `url('${fondoEnriptado}')`
  380.                 );
  381.               document
  382.                 .querySelector("html[dir] ._5kRIK")
  383.                 .style.setProperty("background-size", `cover`);
  384.             }
  385.             ventaIzquierdaChats.onclick = () => {
  386.               document
  387.                 .querySelector("html[dir] ._5kRIK")
  388.                 .style.setProperty("background-size", `cover`);
  389.               document
  390.                 .querySelector("html[dir] ._5kRIK")
  391.                 .style.setProperty(
  392.                   "background-image",
  393.                   `url('${fondoEnriptado}')`
  394.                 );
  395.             };
  396.           };
  397.         })(f);
  398.  
  399.         // Read in the image file as a data URL.
  400.         reader.readAsDataURL(f);
  401.       }
  402.     }
  403.     document
  404.       .getElementById("files")
  405.       .addEventListener("change", handleFileSelect, false);
  406.   }
  407.   let validoChats = 0;
  408.  
  409.   document.addEventListener("keydown", (e) => {
  410.     if (e.ctrlKey && e.altKey) {
  411.       const chats = document.querySelector("#app > div > div > div._2Ts6i._3RGKj");
  412.       validoChats += 1;
  413.       switch (validoChats) {
  414.         case 1:
  415.           chats.style.display = "none";
  416.           break;
  417.         case 2:
  418.           chats.style.display = "";
  419.           validoChats = 0;
  420.           break;
  421.       }
  422.     }
  423.   });
  424.         setInterval(() => {
  425.       const loadpague = document.querySelector('._1vjYt');
  426.       if(!loadpague) {
  427.         setTimeout(() => {
  428.           cargarScript();
  429.           document.querySelector("#app > div > div > div._2Ts6i._2xAQV > div > div > div._3q5qB > div._1vjYt > h1").textContent = 'WhatsApp Web Mod by: DeveloperMDCM'
  430.         }, 1000);
  431.  
  432.       }
  433.     }, 1000);
  434.    //   cargarScript();
  435. })();