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.
- setInterval(function(){
- var all = document.getElementsByClassName(‘_274yw’);
- for (var i = 0; i < all.length; i++) {
- all[i].style.backgroundColor = ‘rgb(23, 2, 25)’;//Color fondo mensajes
- }
- var all = document.getElementsByClassName(‘_2hHuA’);
- for (var i = 0; i < all.length; i++) {
- all[i].style.backgroundColor=”darkblue”; //Color mensajes reenviados
- }
- var all = document.getElementsByClassName(‘_2et95’);
- for (var i = 0; i < all.length; i++) {
- all[i].style.backgroundColor=”darkblue”; //Color etiquetas
- }
- var all = document.getElementsByClassName(‘xOg_4’);
- for (var i = 0; i < all.length; i++) {
- all[i].style.backgroundColor=”darkblue”; //Color mensajes especiales
- }
- var all = document.getElementsByTagName(‘span’);
- for (var i = 0; i < all.length; i++) {
- all[i].style.color=”lightgreen”; //Color de la letra
- }
- var all = document.getElementsByClassName(‘_2kHpK’);
- for (var i = 0; i < all.length; i++) {
- all[i].style.backgroundColor = ‘black’; //Color panel lateral
- }
- var all = document.getElementsByClassName(‘_325lp’);
- for (var i = 0; i < all.length; i++) {
- all[i].style.backgroundColor = ‘black’; //Color panel lateral
- }
- document.getElementsByClassName(‘_1QUKR’)[0].style.backgroundColor=”black”; //Color panel lateral
- document.getElementsByClassName(‘_3qx7_’)[0].style.backgroundColor=”black”; //Color panel lateral
- try{
- document.getElementsByClassName(‘z_tTQ’)[0].style.backgroundColor=”black”; //Color panel central
- document.getElementsByClassName(‘_1iFv8’)[0].style.backgroundColor=”black”; //Color panel central
- document.getElementsByClassName(‘_3ee1T’)[0].style.backgroundColor=”black”; //Color panel central
- }catch{}
- }, 200);
Enlace Patrocinado
Enlace Patrocinado
La forma de utilizar el script se puede hacer de la siguiente manera:
- En Google Chrome presiona la tecla F12
- Da click en console
- 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.