如何更改 Firefox 主页的背景图像？

Question

在 Firefox 中，无法从“设置”中更改主页（新选项卡）的背景图像。附加组件当然可以做到这一点，但还有更好的方法：我们可以创建一个 CSS 文件并告诉 Firefox 在启动时加载该文件。

为此，请按照下列步骤操作：

在地址栏中转到about:support。查看部分“应用基础”➔个人资料目录（或者“配置文件文件夹”在 MacOS 上）➔ 点击按钮“打开目录”（或者“在 Finder 中显示”在 MacOS 上):

它应该打开您的 Firefox 配置文件目录，该目录通常位于您的 $HOME 目录中。

创建一个名为的目录铬合金在打开的目录中，如果它还不在那里。
前往铬合金目录并（a）创建一个名为的目录图片（b）创建一个名为用户内容.css. 将图片移至图片目录。
在任何文本编辑器中打开userContent.css并粘贴以下代码：

@-moz-document url(about:home), url(about:newtab), url(about:privatebrowsing) {
    .click-target-container *, .top-sites-list * {
        color: #fff !important ;
        text-shadow: 2px 2px 2px #222 !important ;
    }

    body::before {
        content: "" ;
        z-index: -1 ;
        position: fixed ;
        top: 0 ;
        left: 0 ;
        background: #f9a no-repeat url(img/cherry-blossom-1260646.jpg) center ;
        background-size: cover ;
        width: 100vw ;
        height: 100vh ;
    }
}

不要忘记将文件名更改url(img/cherry-blossom-1260646.jpg)为您喜欢的图像。

保存文件并退出编辑器。

转到网址about:config，接受风险（我们实际上不会在这里做任何有害的事情，无需担心），然后在搜索栏中粘贴toolkit.legacyUserProfileCustomizations.stylesheets，并将值设置为 true。这会告诉 Firefox 在启动时加载 CSS 文件。
如果 Firefox 正在运行，请重新启动它。

CSS 代码说明

A

@-moz-document url(about:home), url(about:newtab), url(about:privatebrowsing)

在“主页”选项卡、“新选项卡”和“隐私浏览”选项卡中启用背景。

乙

.click-target-container *, .top-sites-list * {
    color: #fff !important ;
    text-shadow: 2px 2px 2px #222 !important ;
}

将“热门网站”和“亮点”颜色更改为白色，并带有深色文本阴影。对于较浅的壁纸，您需要编辑颜色以使其看起来更舒适。

C

body::before {
    content: "" ;
    z-index: -1 ;
    position: fixed ;
    top: 0 ;
    left: 0 ;
    background: #f9a no-repeat url(img/cherry-blossom-1260646.jpg) center ;
    background-size: cover ;
    width: 100vw ;
    height: 100vh ;
}

加载图像（这里，img/樱花-1260646.jpg)body::before具有固定的位置以及视口的宽度和高度。如果背景图像正在加载或未找到，则背景颜色设置为#f9a。

这background-size: cover使得它可以随着 Firefox 自动调整，并且放大/缩小不会影响图像大小。

在 GNU/Linux 和 Unix 系统上，您也可以从中加载图像/usr/share/backgrounds/。

重新启动后 Firefox 应如下所示：

Answer 1