Cor de fundo da página inicial do Firefox

A página de conteúdo inicial do Firefox costuma ser exibida ao clicar em “Nova aba”. Nesta página são apresentando links para os sites mais acessados. Ela possui um fundo (background) branco, que pode ser alterado para escuro (modo dark) seguindo os passos a seguir.

 

HABILITAR ARQUIVO CSS DE CUSTOMIZAÇÃO DA INTERFACE

A partir do firefox 67 é necessário habilitar o carregamento do arquivo de customização.

Digite na barra de endereço: about:config

Pesquisa a opção: toolkit.legacyUserProfileCustomizations.stylesheets

Altere para: true

 

ABRIR PERFIL EM USO

Digite na barra de endereço: about:profiles

Em “Pasta raiz“, clicar em “Abrir pasta”

Exemplo: C:\Users\reinaldoc\AppData\Roaming\Mozilla\Firefox\Profiles\dzxxn50m.default

 

CRIAR DIRETÓRIO E ARQUIVO CSS DE CUSTOMIZAÇÃO DA INTERFACE

Criar diretório “chrome”;

Criar arquivo “userContent.css” com conteúdo:

@-moz-document url("about:home"), url("about:newtab") {

  body.activity-stream #root {
    background-color: #202124;
  }

  body.activity-stream .outer-wrapper.newtab-experience .top-site-outer .title span {
    color: #fff;
    font-size: 14px;
  }

  body.activity-stream button.personalize-button {
    color: #fff !important;
  }

}

Feche e abra o firefox para verificar a mudança do background para modo escuro (dark mode) da página de conteúdo inicial do Firefox.

 

 

COR DE FUNDO DA ABA ENQUANTO A PÁGINA ESTÁ SENDO CARREGADA

No perfil do firefox, edite ou crie o arquivo “chrome/userChrome.css” (é outro arquivo CSS):

#tabbrowser-tabpanels {
    background: #1c1b22 !important;
}

Reinicie o firefox.