更改Firefox新标签页背景

我总是使用深色角色主题或Firefox随附的默认紧凑深色主题，并且我不喜欢在打开新标签时将默认背景颜色设置为白色。我使用了一个附加功能，使我可以自定义新选项卡，但Firefox 57现已将其删除...

那么，如何更改新标签的背景？

我认为这也可能使其他人感兴趣。到目前为止，我知道有几个插件可以实现这一目标，还有一种无需插件的方法（因为似乎很多插件正在日渐消失），然后我们开始：

1. 自定义about：newtab（请参阅下面的第3点）

   这是该任务的特定附加功能，它不仅可以让您更改背景颜色，还可以选择背景图像，还可以根据需要调整其大小和对齐方式……不错！

2. 时尚（请参阅下面的第3点）

   时尚是具有广泛功能的附加产品。只要您为许多流行的网站（例如Google，Facebook，YouTube和许多其他网站）管理/安装主题和外观，它就可以自定义Firefox本身。 。

3. 由于增加了限制，以上两种方法均不适用于Firefox 57。带有Firefox 57的手写笔的新标签页显示以下消息：

   为了安全起见，浏览器禁止扩展程序影响其内置页面（例如chrome：// version，Chrome 61的标准新标签页，about：addons等）以及其他扩展程序的页面。每个浏览器还限制对其自己的扩展程序库（例如Chrome Web Store或AMO）的访问。

   因此，让我们将插件放在一边，让我们的手变脏！

   您可能会决定不想为此使用插件，在这种情况下，请执行以下操作：

   • 写about:profiles在Firefox地址栏并选择Open Folder用户配置文件的，你要自定义的“根目录”的信件（通常只有一个）;

   • 至此，配置文件的根文件夹应该已经打开，请创建（如果尚不存在）名为的新文件夹chrome；

   • userContent.css 在chrome文件夹中创建一个新文件（如果尚不存在），并在其中命名以下文件：

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

   如果可以使用CSS，也可以根据需要添加一些代码来设置背景图像（我建议最终将图像与CSS放在同一文件夹中）。

   您可能需要重新启动Firefox才能应用自定义。

   最后一点的功劳归给DIENER_

打开about:config并将值更改browser.display.background_color为您选择的颜色。我正在使用＃595959（中性灰色）。

这适用于空白标签或“ Firefox主页”。

可悲的是，快速打开标签页或在浏览器负载较大时仍会出现白色闪烁。

如果您不知道如何使用about：config，请阅读https://support.mozilla.org/zh-CN/kb/about-config-editor-firefox

好吧，我必须说@danicotra提供的解决方案确实适用于新选项卡，即使使用Firefox 57也是如此。但是，在加载页面期间，空白的闪光灯仍然会系统地灼伤您的眼睛。

这是为您提供的另一项内容建议~/.mozilla/firefox/xxxxxxxx.default/chrome/userContent.css，它确实使其他地方变暗了，但并不能解决加载时出现的空白现象。

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

好的，根据psychoslave和danicotra的回答，我找到了一个对我有用的解决方案（我的目标是在已设置为的新标签页上显示背景图片about:blank）。psychoslave的解决方案基本上改变了每个Firefox的页面，但我不想这么做，但是由于他的代码开始，我才能够弄清其中的url-prefix某些部分使整件事情似乎变得可行。

1. chrome在您的个人资料根目录中创建文件夹
2. 创建userContent.css并粘贴以下代码：

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

（对于新标签上的背景颜色，请使用browser.display.background_color十六进制颜色代码，然后将其完全删除即可。）

3. 将图像复制到userContent.css文件旁边（FF对我来说没有其他绝对路径）。
4. 在中about:config，设置toolkit.legacyUserProfileCustomizations.stylesheets为trueFF实际上允许此自定义。

我确认这可以在Windows 10 Firefox 72.0.2上使用。

非常感谢上述其他贡献者以及Reddit上的该主题。

我喜欢psychoslave的选项，但是如果您不想更改google背景或那些网站背景，则使用浏览器默认背景的内容会更改最后三行，如下所示：

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

这是完整的代码，摘自心理奴隶的回答。

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