Como fazer novas guias no Firefox compatíveis com o modo escuro

Se você adora o modo escuro para navegação noturna e também adora o Mozilla Firefox, provavelmente se deparou com um problema: abrir novas guias e carregar novas páginas o cega. Veja como tornar novas guias compatíveis com o modo escuro.

índice

  1. O modo escuro é ótimo, mas o "flash" branco não é
  2. Esqueça as extensões do navegador, ajuste seu Chrome
    1. Ativar suporte ao estilo legado
    2. Localize o diretório do seu perfil
    3. Criar diretório e arquivos de estilo do Chrome

O modo escuro é ótimo, mas o "flash" branco não é

Há um problema com o modo escuro do Firefox que persiste, apesar de várias correções de bugs nos últimos anos. Se você não é um usuário dedicado do modo escuro, pode não estar familiarizado com esse problema. Em caso afirmativo, e eu certamente estou, você provavelmente ficará encantado ao descobrir que existe uma solução simples que funciona, independentemente de o erro ser completamente removido ou não.

O problema? Mesmo se você tiver o Firefox no modo escuro, toda vez que você abrir uma nova guia em branco, ela ficará totalmente branca.

Pior ainda, mesmo quando você está carregando uma página da Web que suporta o modo escuro, há um breve "flash" em que o fundo branco padrão lança uma luz branca brilhante em sua direção antes que a página seja carregada.

Pode não parecer o fim do mundo, mas quando você ajustou cuidadosamente seu espaço de trabalho especificamente para evitar que seu monitor muito brilhante o atire na cara com luz branca brilhante, é um pouco chocante.

Portanto, esqueça os sustos noturnos enquanto trabalha silenciosamente no modo escuro. Vamos implementar uma solução simples para garantir que esses ataques furtivos de alto lúmen sejam coisa do passado.

Esqueça as extensões do navegador, ajuste seu Chrome

Quando se trata de seu navegador da Web, se você puder resolver algo da maneira mais simples possível com o mínimo de risco, é sempre melhor. As extensões do navegador são um pesadelo de segurança e privacidade.

Embora você não precise evitá-los totalmente, é aconselhável se ater apenas a plug-ins e extensões que são devidamente revisados ​​e verificados. É sempre uma aposta segura evitar extensões aleatórias de autores desconhecidos.

Com isso em mente, ficamos muito felizes em encontrar uma maneira incrivelmente simples de resolver nosso problema sem precisar procurar (e revisar o código) uma extensão codificada personalizada para a tarefa.

A solução? Aproveitando uma pequena e prática ferramenta de ajuste do navegador incorporada ao Firefox, os arquivos userChrome.css e userContent.css

Se você quebrar esse primeiro nome de arquivo, obterá uma dica do que estamos prestes a fazer, é uma folha de estilo fornecida pelo usuário para o Chrome do navegador. (Na verdade, o navegador da Web Chrome tem o nome do navegador Chrome e também é uma piada.) Além disso, em nome do rigor, também modificaremos o userContent.css .

Ativar suporte ao estilo legado

Antes de tudo, precisamos ativar uma configuração para que nosso pequeno ajuste tenha efeito. Se você não fizer esta etapa, você vai arrancar os cabelos de frustração quando nenhuma das alterações que fizermos funcionar.

Inicie o Firefox e digite about:config na barra de endereços. Ignore o aviso se ele aparecer. Use a caixa de pesquisa para pesquisar toolkit.legacyUserProfileCustomizations.stylesheets . O valor padrão é false, clique duas vezes na entrada para defini-la como true.

Localize o diretório do seu perfil

Primeiro, precisamos localizar onde estão os arquivos de configuração para sua instalação específica do Firefox. Inicie o Firefox e digite about:profiles na barra de endereços. Isso exibirá uma lista de todos os seus perfis do navegador Firefox e fornecerá um link direto prático para o diretório raiz do seu perfil.

Selecione o perfil no qual deseja fazer essa configuração de modo escuro e clique no botão "Abrir pasta" ao lado da entrada da lista para "Diretório raiz".

Para usuários do Windows, esse diretório será semelhante a C:Users[YourUserName]AppDataRoamingMozillaFirefoxProfiles[ProfileName] onde YourUserName é seu nome de usuário do Windows e ProfileName é uma string alfanumérica gerada pelo Firefox como fxxd088p.default-release .

Criar diretório e arquivos de estilo do Chrome

Se você está procurando soluções de folha de estilo para esse problema específico, existem várias variações por aí, algumas desnecessariamente complexas, mas estamos usando trechos de código muito simples compartilhados pelo usuário do github gmolveau há anos com grande sucesso e recomendamos que você faça o seguinte. mesmo.

Dentro do diretório do perfil, crie um novo subdiretório chamado chrome . Vamos criar dois arquivos de folha de estilo dentro desse diretório.

Crie um novo documento de texto em branco nesse diretório e cole o seguinte código nele:

 tabpanels do navegador { background-color: rgb(19,19,20) !important; } navegador { cor de fundo: #131314 !importante; }

Salve o arquivo como userChrome.css. Este snippet de código corrigirá a cintilação branca brilhante que ocorre entre os carregamentos de página.

Crie outro documento de texto em branco e cole este código:

 @-moz-document url-prefix(about:blank) { html > body:vazio { background-color: rgb(19,19,20) !important; } } @-moz-document url(about:blank) { html > body:vazio { background-color: rgb(19,19,20) !important; } }

Salve o arquivo com o nome userContent.css. Esse snippet de código garantirá que as guias em branco sejam de um cinza fosco muito escuro e não de um branco brilhante.

Você pode substituir o cinza fosco por qualquer cor que desejar usando os códigos RGB e hexadecimais apropriados. Se você quisesse um jet black, por exemplo, você poderia substituir cada instância de 19,19,20 acima por 0,0,0 e cada instância de #131314 por #0A0A0A.

Ou, se você quiser votar na anarquia total, nós achamos que você pode usar o verde neon: 117,225,51 #75FF33 . Seja qual for o seu desejo de cor, você pode usar um simples seletor RGB para selecionar os códigos corretos.

Depois de criar os arquivos, basta reiniciar o Firefox para que as alterações tenham efeito (se não, certifique-se de habilitar o suporte legado conforme descrito na primeira etapa).

Agora você pode tentar. Você pode verificar a cor da guia em branco na instalação do Firefox digitando about:blank na barra de endereço.

Testar a página carregando "flash" é um pouco mais complicado. A maneira mais fácil de testá-lo é visitar uma página da Web e abrir alguns links dessa página em novas guias.

Às vezes, é difícil perceber, especialmente em uma conexão rápida com uma página da Web otimizada, mas se você carregar algumas, poderá detectar a mudança de cor – na captura de tela acima, você pode ver como o flash colorido é carregado entre as páginas . não é mais branco, mas o cinza fosco que selecionamos.

Se, depois de tudo isso, você realmente tem o modo escuro em mente, agora é o momento perfeito para ativar o modo escuro em todos os lugares.

  • 7 hacks de iPhone para sua rotina de trabalho em casa – Review Geek
  • Quanto custa substituir uma bateria Tesla?

descubra mais conteúdo

O que é um amplificador integrado?

Google Pixel Watch também tem detecção de queda, mas não até o próximo ano

As melhores xícaras de café aquecidas de 2022

Como automatizar seu iPhone com base na hora, atividade ou localização

"Isso deve ter sido antes do meu tempo"

Por que a NASA enviou Snoopy para a Lua? – Revisão Geek

Como colocar o tema preto no Firefox?

Abra o navegador Firefox e vá para a página Tema escuro para Firefox. Clique no botão azul Instalar Tema para baixar e instalar este tema escuro no seu navegador Firefox . Agora você vê instantaneamente o novo e belo tema escuro.

Como mudar a cor de fundo do Mozilla Firefox?

Como mudar os temas

  1. Clique no botão de menu em PluginsPlugins & Themes e selecione Appearance.
  2. Selecione um tópico da lista.
  3. Clique no botão Ativar.
  4. Se aparecer, clique no link Reiniciar agora. O Firefox salvará e restaurará as guias após a reinicialização.

Como mudar o fundo escuro do Chrome?

Ative o tema escuro

  1. No seu dispositivo Android, abra o Google Chrome .
  2. No canto superior direito, toque em Mais configurações. Tópicos.
  3. Escolha o tema que deseja usar:
Ir arriba