¿Conoces algún hack o función oculta de WhatsApp web?

Whatsapp Web como todas las páginas web usa html y css, aprovechando esta característica se puede hacer un script que modifique visualmente la página a tu gusto.

Mira al hacer un script sencillo se puede lograr una especie de dark mode para Whatsapp Web.
Se ve así:
La forma de hacerlo es mediante el uso de un pequeño programa de JavaScript que selecciona los elementos y les cambia el color.

Aquí abajo comparto el código, este se puede modificar para asignar cualquier color, de hecho, los comentarios indican que elemento se está modificando por lo que puedes darle los colores que gustes a cada cosa.

  1. setInterval(function(){ 
  2.  
  3. var all = document.getElementsByClassName(‘_274yw’); 
  4. for (var i = 0; i < all.length; i++) { 
  5. all[i].style.backgroundColor = ‘rgb(23, 2, 25)’;//Color fondo mensajes 
  6.  var all = document.getElementsByClassName(‘_2hHuA’); 
  7. for (var i = 0; i < all.length; i++) { 
  8. all[i].style.backgroundColor=”darkblue”; //Color mensajes reenviados 
  9.  var all = document.getElementsByClassName(‘_2et95’); 
  10. for (var i = 0; i < all.length; i++) { 
  11. all[i].style.backgroundColor=”darkblue”; //Color etiquetas 
  12. var all = document.getElementsByClassName(‘xOg_4’); 
  13. for (var i = 0; i < all.length; i++) { 
  14. all[i].style.backgroundColor=”darkblue”; //Color mensajes especiales 
  15. var all = document.getElementsByTagName(‘span’); 
  16. for (var i = 0; i < all.length; i++) { 
  17. all[i].style.color=”lightgreen”; //Color de la letra  
  18.  
  19. var all = document.getElementsByClassName(‘_2kHpK’); 
  20. for (var i = 0; i < all.length; i++) { 
  21. all[i].style.backgroundColor = ‘black’; //Color panel lateral 
  22. var all = document.getElementsByClassName(‘_325lp’); 
  23. for (var i = 0; i < all.length; i++) { 
  24. all[i].style.backgroundColor = ‘black’; //Color panel lateral 
  25.  
  26. document.getElementsByClassName(‘_1QUKR’)[0].style.backgroundColor=”black”; //Color panel lateral 
  27. document.getElementsByClassName(‘_3qx7_’)[0].style.backgroundColor=”black”; //Color panel lateral 
  28. try{ 
  29. document.getElementsByClassName(‘z_tTQ’)[0].style.backgroundColor=”black”; //Color panel central 
  30. document.getElementsByClassName(‘_1iFv8’)[0].style.backgroundColor=”black”; //Color panel central 
  31. document.getElementsByClassName(‘_3ee1T’)[0].style.backgroundColor=”black”; //Color panel central 
  32. }catch{}
  33. }, 200); 
La forma de utilizar el script se puede hacer de la siguiente manera:
  1. En Google Chrome presiona la tecla F12
  2. Da click en console
  3. Copia y pega el código anterior (Donde apunta la flecha)
Con eso se activará el dark mode casero, estos cambios se perderán si actualizas la página.

Saludos.

Deja un comentario