Altere o plano de fundo da nova guia do Firefox

Question

Sempre uso o tema dark personas ou o tema escuro compacto padrão que vem incluído com o Firefox e não gosto que a cor de plano de fundo padrão seja branca quando abro uma nova guia. Houve um add on eu usei que deixe-me personalizar novas abas, mas ele foi embora agora com o Firefox 57 ...

Então, como posso fazer para alterar o histórico das novas guias?

    

Answer 1

Eu acho que isso também pode interessar aos outros. Até agora eu sei um par de addons para conseguir isso e uma maneira de fazer sem addons (como parece que muitos deles estão desaparecendo dia a dia), aqui vamos nós então:

1. Personalizar sobre: newtab

   Este é um acréscimo específico para a tarefa, não só permite alterar a cor de fundo, mas também escolher uma imagem de fundo e também redimensioná-la e alinhá-la como quiser ... bom!

2. Elegante

   O Stylish é um complemento com um espectro mais amplo de funcionalidade; Ele permite que você personalize o próprio Firefox, desde que gerencie / instale temas e skins para muitos sites populares como Google, Facebook, YouTube e muitos outros ... Eu acho que é exagero se você só precisar dele para a tarefa que estamos lidando aqui .

3. Nenhuma das opções acima funcionará com o Firefox 57 devido a restrições adicionais. Stylus com nova aba do Firefox 57 mostra esta mensagem:

   As a security precaution, the browser prohibits extensions from affecting its built-in pages (like chrome://version, the standard new tab page as of Chrome 61, about:addons, and so on) as well as other extensions' pages. Each browser also restricts access to its own extensions gallery (like Chrome Web Store or AMO).

   Então, vamos deixar os addons de lado e sujar as mãos!

   Você pode decidir que não deseja usar um complemento para isso. Nesse caso, aqui está o que fazer:

   • escreva about:profiles na barra de endereços do Firefox e selecione Abrir pasta na correspondência do "Diretório raiz" do perfil de usuário que você deseja personalizar (geralmente há apenas um); / p>

   • agora a pasta raiz do perfil deve ter sido aberta, crie (se ainda não estiver presente) uma nova pasta chamada chrome ;

   • crie (se ainda não estiver presente) um novo arquivo chamado userContent.css dentro da pasta chrome e coloque o seguinte código:

     @-moz-document url("about:newtab") {  
         body {
             background-color: #000000 !important;
         }
     }
     

   Se você pode fazer malabarismos com CSS, você também pode adicionar algum código para definir uma imagem de fundo, se quiser (sugiro que, eventualmente, coloque as imagens na mesma pasta com o CSS).

   Você pode precisar reiniciar o Firefox para aplicar a personalização.

   Créditos deste último ponto vão para DIENER_

Answer 2

Bem, devo dizer que a solução dada pelo @danicotra funciona para uma nova aba, mesmo com o Firefox 57. No entanto, durante o carregamento de uma página, um flash em branco ainda queima os seus olhos sistematicamente.

Aqui está uma outra proposta de conteúdo para o seu ~/.mozilla/firefox/xxxxxxxx.default/chrome/userContent.css , que escurece mais alguns lugares, mas não resolve o flash em branco no carregamento.

/* https://userstyles.org/styles/90565/firefox-adjust-white-flash-when-opening-new-tab */
/* https://userstyles.org/styles/142191/remove-new-tab-flash */
@-moz-document url-prefix(about:preferences), url-prefix(about:blank), url-prefix(about:newtab) {
  html, body, #newtab-customize-overlay {
    background: #303030 !important;
    color: #b2b2b2 !important;
  } 
}

@-moz-document url(chrome://browser/content/browser.xul)
{

  browser[type="content-primary"]
  {
    background: #303030 !important;
    color: #b2b2b2 !important;
  }
}

@-moz-document url(chrome://browser/content/browser.xul)
{

  browser[type="content-primary"], tabbrowser tabpanels, #appcontent > #content
  {
    background: #1B1B1B url("chrome://global/skin/media/imagedoc-darknoise.png") repeat fixed !important;
    color: #b2b2b2 !important;
  }
}

@-moz-document url(about:blank),
               url(about:preferences),
               url(about:config),
               url(about:newtab)
{
  #newtab-window,
  html,
  body, 
  #newtab-customize-overlay 
  {
    background: #1B1B1B url("chrome://global/skin/media/imagedoc-darknoise.png") repeat fixed;
    color: #b2b2b2 !important;
  }
}

html>body {
  background: #303030 !important;
  color: #b2b2b2 !important;
}

    

Answer 3

Abra about:config e altere o valor browser.display.background_color para a cor de sua escolha. Estou usando o # 595959 (cinza neutro).

Isso funciona com a guia em branco ou "Página inicial do Firefox".

Infelizmente, abrir a guia rapidamente ou quando o navegador estiver com carga pesada ainda será resultado de um flash branco.

Se você não souber como usar about: config, leia link

    

Answer 4

Eu gosto da opção do psychoslave, mas se você não quiser alterar o plano de fundo do Google ou os sites que usam o plano de fundo padrão do navegador, altere as três últimas linhas como esta:

#root{   background: #303030 !important;   color: #b2b2b2 !important; } 

E aqui está o código completo, copiado da resposta do psicoslave.

>     /* https://userstyles.org/styles/90565/firefox-adjust-white-flash-when-opening-new-tab
> */ /* https://userstyles.org/styles/142191/remove-new-tab-flash */ @-moz-document url-prefix(about:preferences), url-prefix(about:blank),
> url-prefix(about:newtab) {   html, body, #newtab-customize-overlay {
>     background: #303030 !important;
>     color: #b2b2b2 !important;   }  }
> 
> @-moz-document url(chrome://browser/content/browser.xul) {
> 
>   browser[type="content-primary"]   {
>     background: #303030 !important;
>     color: #b2b2b2 !important;   } }
> 
> @-moz-document url(chrome://browser/content/browser.xul) {
> 
>   browser[type="content-primary"], tabbrowser tabpanels, #appcontent >
> #content   {
>     background: #1B1B1B url("chrome://global/skin/media/imagedoc-darknoise.png") repeat fixed
> !important;
>     color: #b2b2b2 !important;   } }
> 
> @-moz-document url(about:blank),
>                url(about:preferences),
>                url(about:config),
>                url(about:newtab) {   #newtab-window,   html,   body,    #newtab-customize-overlay    {
>     background: #1B1B1B url("chrome://global/skin/media/imagedoc-darknoise.png") repeat fixed;
>     color: #b2b2b2 !important;   } }
> 
> #root {   background: #303030 !important;   color: #b2b2b2 !important; }