Changer le nouvel onglet de Firefox

J'utilise toujours le thème dark personas ou le thème sombre compact par défaut fourni avec Firefox et je n'aime pas que la couleur d'arrière-plan par défaut soit le blanc lorsque j'ouvre un nouvel onglet. Il y avait un add-on que j'ai utilisé qui m'a permis de personnaliser de nouveaux onglets, mais il a maintenant disparu avec Firefox 57 ...

Alors, comment puis-je faire pour changer le fond de nouveaux onglets?

Je pense que cela peut intéresser les autres aussi. Jusqu'ici, je connais quelques addons pour y parvenir et un moyen de s'en passer (car il semble que beaucoup d'entre eux disparaissent de jour en jour), c'est parti:

1. Personnaliser à propos de: newtab (voir le point 3 ci-dessous)

   Il s’agit d’un ajout spécifique à la tâche. Il vous permet non seulement de changer la couleur de fond, mais également de choisir une image de fond, de le redimensionner et de l’aligner à votre guise ... sympa!

2. Élégant (voir le point 3 ci-dessous)

   Élégant est un ajout avec un plus large spectre de fonctionnalités; il vous permet de personnaliser Firefox lui-même tant que vous gérez / installez des thèmes et des thèmes pour de nombreux sites Web populaires tels que Google, Facebook, YouTube et bien d'autres ... Je pense que c'est exagéré si vous n'en avez besoin que pour la tâche à laquelle nous sommes confrontés ici .

3. Aucune de ces solutions ne fonctionnera avec Firefox 57 en raison de restrictions supplémentaires . Le nouvel onglet Stylus avec Firefox 57 affiche le message suivant:

   Par mesure de sécurité, le navigateur interdit aux extensions d’affecter ses pages intégrées (telles que chrome: // version, la nouvelle page à onglet standard à partir de Chrome 61, à propos de: addons, etc.) ainsi que les pages d’autres extensions. Chaque navigateur restreint également l'accès à sa propre galerie d'extensions (telle que Chrome Web Store ou AMO).

   Laissons donc les addons de côté et mettons nos mains dans le cambouis!

   Vous pouvez décider de ne pas utiliser d'addon pour cela, alors voici comment procéder:

   • écrivez about:profilesdans la barre d’adresse de Firefox et sélectionnez Open Folderen correspondance le «répertoire racine» du profil d’utilisateur que vous souhaitez personnaliser (il n’ya généralement qu’un seul);

   • à présent, le dossier racine du profil devrait s'être ouvert, créez (s'il n'est pas encore présent) un nouveau dossier nommé chrome;

   • créer (s'il n'est pas déjà présent) un nouveau fichier nommé userContent.css dans le chromedossier et y insérer le code suivant:

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

   Si vous pouvez jongler avec CSS, vous pouvez également ajouter du code pour définir une image d'arrière-plan si vous le souhaitez (je suggère de placer éventuellement les images dans le même dossier que le CSS).

   Vous devrez peut-être redémarrer Firefox pour que la personnalisation soit appliquée.

   Les crédits pour ce dernier point vont à DIENER_

Ouvrez about:configet remplacez la valeur browser.display.background_colorpar la couleur de votre choix. J'utilise le # 595959 (gris neutre).

Cela fonctionne avec un onglet vide ou "Firefox Home".

Malheureusement, si vous ouvrez l'onglet rapidement ou lorsque le navigateur est surchargé, un flash blanc apparaîtra.

Si vous ne savez pas comment utiliser about: config, veuillez lire https://support.mozilla.org/en-US/kb/about-config-editor-firefox

Eh bien, je dois dire que la solution donnée par @danicotra fonctionne pour un nouvel onglet, même avec Firefox 57. Cependant, lors du chargement d'une page, un flash vierge continue de vous brûler systématiquement les yeux.

Voici une autre proposition de contenu pour votre site ~/.mozilla/firefox/xxxxxxxx.default/chrome/userContent.css, qui assombrit quelques emplacements supplémentaires, mais ne résoudra pas le problème du flash vierge au chargement.

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

J'aime l'option de psychoslave, mais si vous ne voulez pas changer l'arrière-plan de Google ou l'arrière-plan de ces sites, utilisez l'arrière-plan par défaut du navigateur pour modifier les trois dernières lignes comme suit:

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

Et voici le code complet, extrait de la réponse de psychoslave.

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