Cambiar el fondo de la nueva pestaña de Firefox

Solución:

Creo que esto también puede interesar a otros.

ACTUALIZACIÓN DE RESPUESTAS (a partir de 2020)

A estas alturas hay muchos complementos geniales e interesantes que hacen el trabajo de una manera excelente, permítanme mencionar algunos de mis favoritos en una breve lista:

1. Color de Firefox ¡Este en mi humilde opinión es realmente EL DEFINITIVO y DEBE TENER! No solo te permite personalizar profundamente casi todo de la GUI de Firefox de la manera que te gusta (incluido el fondo de nuevas pestañas, por supuesto), sino que también te permite compartir el tema que creaste si lo deseas. Si esto no es suficiente, permítanme agregar que este complemento está desarrollado por Mozilla.

2. Tabliss Este es realmente bueno (yo personalmente lo uso y me encanta). Le permite personalizar el fondo de las nuevas pestañas, no solo eligiendo un color, sino también hermosas imágenes de fondo y agregar widgets (como mostrar la hora, por ejemplo). (Como última nota, permítanme decir que Tabliss es como unir las características de los complementos Nueva pestaña Anulación, Fondo de pantalla de nueva pestaña, Pestaña Belleza, Nueva pestaña Splash y Reloj Nueva pestaña).

3. También hay algunos complementos que, a pesar del fondo, también te permiten personalizar mosaicos en nuevas pestañas, creo que puede que te guste y lo encuentres útil, así que te proporcionaré algunos que vale la pena probar en mi humilde opinión: Infinity New Tab (Pro), nightTab , Herramientas de nueva pestaña.

Dicho esto, si está buscando algo minimalista, también hay complementos que funcionan directamente y brindan la característica muy básica para cambiar solo el fondo de las nuevas pestañas a algo oscuro, por ejemplo, Nueva pestaña oscura o incluso Nueva pestaña negra … Además, si lo desea, aún puede hacer malabarismos con CSS (consulte el punto 3 de la respuesta original a continuación).

RESPUESTA ORIGINAL

Hasta ahora conozco un par de complementos para lograr eso y una forma de prescindir de los complementos (ya que parece que muchos de ellos están desapareciendo día a día), aquí vamos entonces:

1. Personalizar sobre: ​​newtab (consulte el punto 3 a continuación)

Este es un complemento específico para la tarea, no solo le permite cambiar el color de fondo, sino también elegir una imagen de fondo y también redimensionarla y alinearla como desee … ¡agradable!

2. Elegante (consulte el punto 3 a continuación)

Elegante es un complemento con un espectro más amplio de funciones; te permite personalizar el propio Firefox siempre que administres / instales temas y máscaras para muchos sitios web populares como Google, Facebook, YouTube y muchos otros … Creo que es excesivo si solo lo necesitas para la tarea que estamos tratando aquí .

3. Ninguno de los anteriores funcionará con Firefox 57 debido a restricciones adicionales. Stylus con la página de nueva pestaña de Firefox 57 muestra este mensaje:

Como medida de seguridad, el navegador prohíbe que las extensiones afecten a sus páginas integradas (como la versión chrome: //, la página de nueva pestaña estándar a partir de Chrome 61, about: addons, etc.) así como a las páginas de otras extensiones. Cada navegador también restringe el acceso a su propia galería de extensiones (como Chrome Web Store o AMO).

Entonces, ¡dejemos los complementos a un lado y ensuciemos nuestras manos!

Puede decidir que no desea usar un complemento para esto, bueno, en este caso, esto es lo que debe hacer:

• escribir about:profiles en la barra de direcciones de Firefox y seleccione Carpeta abierta en correspondencia con el “Directorio raíz” del perfil de usuario que desea personalizar (normalmente solo hay uno);

• a estas alturas, la carpeta raíz del perfil debería haberse abierto, cree (si aún no está presente) una nueva carpeta llamada chrome;

• crear (si aún no está presente) un nuevo archivo llamado userContent.css
  dentro de chrome carpeta y ponga el siguiente código en ella:

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

Si puede hacer malabares con CSS, también puede agregar algún código para establecer una imagen de fondo si lo desea (sugiero que eventualmente coloque las imágenes en la misma carpeta con CSS).

Es posible que deba reiniciar Firefox para que se aplique la personalización.

Los créditos de este último punto van a DIENER_

Abierto about:config y cambia el valor browser.display.background_color al color que elijas. Estoy usando # 595959 (gris neutro).

Esto funciona con la pestaña en blanco o “Inicio de Firefox”.

Lamentablemente, abrir la pestaña rápidamente o cuando el navegador tiene mucha carga seguirá siendo el resultado de un destello blanco.

Si no sabe cómo usar about: config, lea https://support.mozilla.org/en-US/kb/about-config-editor-firefox

Bueno, debo decir que la solución dada por @danicotra funciona para la nueva pestaña, incluso con Firefox 57. Sin embargo, durante la carga de una página, un flash en blanco todavía quemará sistemáticamente sus ojos.

Aquí tienes otra propuesta de contenido para tu ~/.mozilla/firefox/xxxxxxxx.default/chrome/userContent.css, que oscurece algunos lugares más, pero no resolverá el destello en blanco al cargar.

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

---

---

Utiliza Nuestro Buscador