🎨 Mudando o Fundo do Chat para WhatsApp

---

🎯 O que esse script faz?

Este script aplica o fundo clássico do WhatsApp (com o padrão de doodles) na área de conversas do GoHighLevel, deixando a interface mais familiar e visualmente parecida com o WhatsApp.

---

📍 Local de Implementação

Acesse seu Go High Level → Settings → Company → Custom JavaScript e cole o código abaixo:

---

💻 Código

<script>
(() => {
  const STYLE_ID = 'ghl-chat-bg-style';
  const BG_URL = 'https://s0.smartresize.com/wallpaper/744/548/HD-wallpaper-whatsapp-ma-doodle-pattern.jpg';

  // Evita duplicar a regra se o script rodar mais de uma vez
  if (!document.getElementById(STYLE_ID)) {
    const style = document.createElement('style');
    style.id = STYLE_ID;
    style.textContent = `
      #central-panel-wrapper .transition-all .flex-col-reverse {
        background-image: url("${BG_URL}");
        background-size: cover;
        background-repeat: no-repeat;
      }
    `;
    document.head.appendChild(style);
  }
})();
</script>

---

📝 Passo a Passo

1. ✅ Copie o código JavaScript acima
2. ✅ Faça login na sua conta Whitelabel do GoHighLevel
3. ✅ Vá até Settings → Company → Custom JavaScript
4. ✅ Cole o código na caixa disponível
5. ✅ Clique em Save para aplicar as alterações
6. ✅ Atualize a página e verifique se funcionou

---

🖼️ Personalizando o Fundo

Quer usar uma imagem diferente? Basta trocar a URL na variável BG_URL:

const BG_URL = 'SUA_URL_AQUI';

💡 Dica

Você pode usar qualquer imagem de fundo! Use uma URL de imagem hospedada (Google Drive, Imgur, etc.) para personalizar com as cores da sua marca.

---

🎨 Resultado

Antes	Depois
Fundo padrão cinza do GHL	Fundo com padrão clássico do WhatsApp

---

⚠️ Importante

Se você já tem outros scripts no Custom JavaScript, adicione este código abaixo dos existentes, não substitua!