Como posso remover o plano de fundo nos Hangouts?

16

https://hangouts.google.com/ coloca algumas fotos como plano de fundo por padrão. Como removê-lo, ou seja, deixar um fundo monocolor?

Com foto:

insira a descrição da imagem aqui

Sem foto:

insira a descrição da imagem aqui

Franck Dernoncourt
fonte
1
Se alguém quiser saber a motivação para tal solicitação, o meu é que o Hangouts reduz a velocidade do meu computador e eu gostaria de reduzir o máximo de inchaços desnecessários.
palswim
@palswim Mesmo aqui
Franck Dernoncourt

Respostas:

10

Resposta curta

Use um gerenciador de CSS personalizado e aplique o código abaixo em https://hangouts.google.com/ .

.kFx1Ae-xdwExf-eb-m {
    display:none;
}

Explicação

O Hangouts do Google não inclui uma opção para desativar a foto em segundo plano. As alternativas são usar as ferramentas de desenvolvedores do navegador para editar o código-fonte sempre que a página do Hangouts for carregada ou usar um gerenciador de css personalizado que ajude você a salvar e aplicar seu estilo CSS personalizado.

CSS personalizado também é chamado de "estilos de usuário personalizados" ou apenas "estilos de usuário".

Eu uso o Stylish for Chrome nos últimos meses, mas existem outros disponíveis.

  • .kFx1Ae-xdwExf-eb-mé um seletor que seleciona um elemento HTML pelo nome da classe. Em https://hangouts.google.com, o nome da classe especificado é usado para a tag div usada para armazenar as tags img que chamam de fotos de plano de fundo do Hangout.
  • display:none é um atributo de estilo que oculta o elemento especificado.

Referências

Rubén
fonte
2
Em dezembro de 2018, o padrão acima não funcionou para mim. Acabei usando "div.g-Qx-eb" com sucesso.
Alan De Smet
9

A resposta de @ Rubén está correta, dada a pergunta, mas eu gostaria de melhorá-la ligeiramente com um pequeno detalhe:

.kFx1Ae-xdwExf-eb-m, .Id-qy-By {
    display:none;
}

A classe adicional,, Id-qy-Bysegmenta reconhecimentos exibidos junto com fotografias recuperadas do Google+, como:

Foto de Alex Wrigley

compartilhado no Google+

(exemplo de captura de tela que contém o aviso acima)

Observe que as fotos selecionadas no repositório interno ( gstaticservidores) não incluem tais reconhecimentos.

A linha inferior é: Nenhuma foto ... Sem crédito! ;-)

PS: Gostaria de comentar em vez de propor uma resposta separada, mas não havia reputação suficiente no momento em que escrevi este artigo.

Atualização 2017-01-03: Regra completa sendo usada no Stylish (2.0.7 para Firefox 50.1.0), que oferece filtragem mais rígida para melhorar o desempenho : domínio ( hangouts.google.com) e tipo de elemento ( div):

@-moz-document domain("hangouts.google.com") {
  div.kFx1Ae-xdwExf-eb-m, div.Id-qy-By {
    display:none;
  }
}

Atualização 2017-11-08: Um procedimento semelhante funciona para o Stylus (1.1.4.2 para Firefox 56), agora que o Stylish está (atualmente) marcado como legado :

  1. Crie uma nova regra
  2. No formato Mozilla , pressione o botão Importar
  3. Cole o código da seção acima
  4. Nomeie a regra (por exemplo, elemento de plano de fundo oculto do Hangout )

Atualização 2018-11-05: Classe CSS atualizada após perceber a atualização de back-end do Hangouts (que alterou alguma infraestrutura e, portanto, violou as regras anteriores da própria foto):

@-moz-document domain("hangouts.google.com") {
  div.g-Qx-eb, div.Id-qy-By {
    display:none;
  }
}
Helder Magalhães
fonte
2

Atualização de 2018. Finalmente, há realmente uma extensão. Se você estiver usando o Google Chrome, poderá usar a extensão do Google Hangouts Editor .

Bob Ross
fonte
0

Além disso, você pode alterar o plano de fundo para uma cor diferente do preto com:

.g-Ue-ad {
    background-color: hsla(151, 33%, 54%, 1) !important;
}
Dan
fonte
ESTÁ BEM. E eu pensei que isso seria útil também. Se você não ama preto.
Dan