☰

更改 Firefox 新标签页背景

tag-icon • tag-icon firefox colors firefox-extensions themes firefox-57
更改 Firefox 新标签页背景

我总是使用 Firefox 附带的深色人物主题或默认紧凑型深色主题，我不喜欢打开新选项卡时默认的背景颜色是白色。我曾经使用过一个插件，可以让我自定义新选项卡，但现在 Firefox 57 中已经没有了这个插件……

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

答案1

我想这可能也会引起其他人的兴趣。

答案更新（截至 2020 年）

现在有很多很酷、有趣的插件可以很好地完成工作，让我在简短的列表中提到一些我最喜欢的：

  1. Firefox 颜色 在我看来，这真的是终极之选，必不可少！它不仅可以让您按照自己喜欢的方式深度自定义 Firefox GUI 的几乎所有内容（当然包括新标签背景），还可以让您根据需要共享您制作的主题。如果这还不够，让我补充一下，这个插件是由 Mozilla 自己开发的。

  2. 塔布利斯 这是一款非常棒的产品（我个人使用过，非常喜欢）。它让你可以自定义新标签页的背景，不仅可以选择颜色，还可以选择漂亮的背景图片，还可以添加小部件（例如显示时间）。（最后我想说，Tabliss 就像加入了新标签页覆盖，新标签壁纸，美容标签，新标签页闪屏和时钟新标签附加组件全部合并在一起。)

  3. 还有一些插件，尽管有背景，也可以让你自定义新选项卡上的图块，我想你可能会喜欢它并发现它很有用，所以我会提供一些值得一试的东西： Infinity 新标签 (专业版)， 夜曲， 新标签工具。

也就是说，如果你正在寻找一些简约的东西，那么也可以使用直接使用的附加组件，它们只提供最基本的功能，例如，只将新标签的背景更改为深色深色新标签 甚至黑色新标签...此外，如果您愿意，您仍然可以使用 CSS（请参阅下面原始答案的第 3 点）。

原始答案

到目前为止，我知道几个可以实现这一点的插件，以及一种不用插件的方法（因为似乎很多插件正在一天天消失），然后我们开始吧：

  1. 自定义 about:newtab（请参阅下文第 3 点）

这是为该任务添加的一个特定组件，它不仅可以让您更改背景颜色，还可以选择背景图像并根据您的喜好调整其大小和对齐方式...太棒了！

  1. 时髦的（请参阅下文第 3 点）

Stylish 是一个功能范围更广的附加组件；它允许您自定义 Firefox 本身，只要管理/安装许多流行网站（如 Google、Facebook、YouTube 等）的主题和皮肤...我认为如果您只需要它来完成我们在这里处理的任务，那就小题大做了。

  1. 由于附加限制，以上两种方法均不适用于 Firefox 57. Stylus 在 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 才能应用自定义。

最后这一点归功于迪纳_

答案2

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

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

遗憾的是，快速打开标签页或浏览器负载过大时仍然会出现白色闪光。

如果你不知道如何使用 about:config，请阅读https://support.mozilla.org/en-US/kb/about-config-editor-firefox

答案3

好吧，我必须说@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;
}

答案4

在 Linux 中，添加以下文件（如果存在，则将其附加到该文件）：

~/.config/gtk-3.0/settings.ini

[Settings]
gtk-application-prefer-dark-theme = true

（您也可以通过 Linux 发行版设置管理器找到并切换此选项）

类似问题https://superuser.com/a/1546544/1169541

相关内容