Firefox主页背景图片的添加

添加流程

  1. 访问about:profiles

  2. 打开默认配置文件的根目录

  3. 新建一个文件夹，重命名为chrome

  4. 将图片放入文件夹中，重命名为img.jpg

  5. 新建文本文件，重命名为userContent.css

  6. 修改这个css文件

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    @-moz-document url(about:home), url(about:newtab), url(about:privatebrowsing) {
        .top-site-button .title, .context-menu-button {
            color: #fff !important ;
            text-shadow: 2px 2px 2px #222 !important ;
        }

        .logo-and-wordmark {
            display: none !important;
        }

        body {
            --newtab-topsites-outer-card-hover:rgba(255, 255, 255, 0.4) !important;
            --newtab-element-hover-color: rgba(255, 255, 255, 0.3) !important;
        }

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

  7. 访问about:config，搜索toolkit.legacyUserProfileCustomizations.stylesheets并将其改为 true

  8. 重启Firefox

css的解释

1
2
3
4
.top-site-button .title, .context-menu-button {
    color: #fff !important ;
    text-shadow: 2px 2px 2px #222 !important ;
}

这一段用来将字体颜色改为白色

1
2
3
.logo-and-wordmark {
    display: none !important;
}

这一段用来移除logo

1
2
3
4
body {
    --newtab-topsites-outer-card-hover:rgba(255, 255, 255, 0.4) !important;
    --newtab-element-hover-color: rgba(255, 255, 255, 0.3) !important;
}

这一段修改了当鼠标移动到网页图标上时显示的方框的颜色

1
2
3
4
5
6
7
8
9
10
11
body::before {
    content: "" ;
    z-index: -1 ;
    position: fixed ;
    top: 0 ;
    left: 0 ;
    background:radial-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.75)), no-repeat url(img.jpg) center ;
    background-size: cover ;
    width: 100vw ;
    height: 100vh ;
}

这一段是修改背景图

radial-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.75))在图片上叠加了一个中心渐变，使其变黑。可以删除，上面的代码中已删除