Cambia lo sfondo della nuova scheda di Firefox

Uso sempre il tema Personalità scure o il tema scuro compatto predefinito incluso in Firefox e non mi piace che il colore di sfondo predefinito sia bianco quando apro una nuova scheda. Ho usato un componente aggiuntivo che mi permetteva di personalizzare nuove schede, ma ora è sparito con Firefox 57 ...

Quindi, come posso fare per cambiare lo sfondo delle nuove schede?

Penso che questo possa interessare anche gli altri. Finora conosco un paio di addon per ottenerlo e un modo per fare a meno degli addon (visto che molti di loro stanno scomparendo giorno dopo giorno), eccoci qui:

1. Personalizza circa: newtab (vedi punto 3 sotto)

   Questo è un componente aggiuntivo specifico per l'attività, non solo ti consente di cambiare il colore di sfondo, ma anche di scegliere un'immagine di sfondo e anche ridimensionarla e allinearla come preferisci ... bello!

2. Elegante (vedere il punto 3 di seguito)

   Stylish è un componente aggiuntivo con uno spettro più ampio di funzionalità; ti consente di personalizzare Firefox stesso fintanto che gestisci / installa temi e skin per molti siti Web popolari come Google, Facebook, YouTube e molti altri ... Penso che sia eccessivo se ne hai bisogno solo per l'attività che stiamo affrontando qui .

3. Nessuna delle opzioni precedenti funzionerà con Firefox 57 a causa di restrizioni aggiuntive . Lo stilo con la nuova scheda Tab di Firefox 57 mostra questo messaggio:

   Come precauzione di sicurezza, il browser proibisce alle estensioni di influire sulle pagine incorporate (come chrome: // versione, la nuova scheda standard di Chrome 61, informazioni su: componenti aggiuntivi e così via) e sulle pagine di altre estensioni. Ogni browser limita anche l'accesso alla propria galleria di estensioni (come Chrome Web Store o AMO).

   Quindi, lasciamo da parte i componenti aggiuntivi e sporchiamoci le mani!

   Puoi decidere di non voler utilizzare un componente aggiuntivo per questo, bene in questo caso ecco cosa fare:

   • scrivere about:profilesnella barra degli indirizzi di Firefox e selezionare Open Folderin corrispondenza della "Directory radice" del profilo utente che si desidera personalizzare (di solito ce n'è solo uno);

   • ormai la cartella principale del profilo dovrebbe essere aperta, creare (se non è ancora presente) una nuova cartella denominata chrome;

   • crea (se non è già presente) un nuovo file chiamato userContent.css all'interno della chromecartella e inserisci il seguente codice:

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

   Se riesci a destreggiarti con i CSS, puoi anche aggiungere del codice per impostare un'immagine di sfondo, se lo desideri (ti suggerisco di mettere eventualmente le immagini nella stessa cartella con i CSS).

   Potrebbe essere necessario riavviare Firefox per applicare la personalizzazione.

   I crediti per quest'ultimo punto vanno a DIENER_

Apri about:confige modifica il valore browser.display.background_colornel colore che preferisci. Sto usando # 595959 (grigio neutro).

Funziona con una scheda vuota o "Firefox Home".

Purtroppo, l'apertura della scheda rapidamente o quando il browser è carico pesante risulterà comunque in un lampo bianco.

Se non sai come usare about: config, leggi https://support.mozilla.org/en-US/kb/about-config-editor-firefox

Bene, devo dire che la soluzione fornita da @danicotra funziona con una nuova scheda, anche con Firefox 57. Tuttavia, durante il caricamento di una pagina, un flash vuoto brucia ancora sistematicamente i tuoi occhi.

Ecco un'altra proposta di contenuto per il tuo ~/.mozilla/firefox/xxxxxxxx.default/chrome/userContent.css, che scurisce qualche altro posto, ma non risolve il flash vuoto al caricamento.

/* 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;
}

OK, in base alle risposte di psychoslave e danicotra, ho trovato una soluzione che funziona per me (il mio obiettivo era quello di avere un'immagine di sfondo nella nuova scheda che ho impostato about:blank). La soluzione di psychoslave cambia sostanzialmente ogni pagina di Firefox che non voglio, ma grazie all'inizio del suo codice sono stato in grado di capire che ci sono le url-prefixparti che rendono apparentemente tutto possibile.

1. crea la chromecartella nella radice del tuo profilo
2. crea userContent.csse incolla questo codice:

/* 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:blank), url-prefix(about:newtab) {
  html, body, #newtab-customize-overlay {
    background: url("konachan-steins-gate-s.jpg") no-repeat center center fixed !important; 
    background-size: cover !important;
  } 
}

(Per solo un colore di sfondo in una nuova scheda, utilizzare browser.display.background_colorcon un codice colore esadecimale e puoi rilasciarlo del tutto.)

3. Copia l'immagine proprio accanto al userContent.cssfile (FF non ha preso alcun percorso assoluto altrove per me).
4. In about:config, impostato toolkit.legacyUserProfileCustomizations.stylesheetssu truecosì FF in realtà consente questa personalizzazione.

Confermo che funziona su Windows 10, Firefox 72.0.2.

Un grande ringraziamento agli altri collaboratori sopra menzionati e a questa discussione su Reddit .

Mi piace l'opzione psychoslave ma se non vuoi cambiare lo sfondo di google o lo sfondo di quei siti che usi lo sfondo predefinito del browser cambia le ultime tre righe in questo modo:

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

Ed ecco il codice completo, copiato dalla risposta dello 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; }