步骤
1. 在地址栏进输入about:profiles
回车访问,打开默认配置文件的根目录。
在配置文件的根目录选项,选择打开文件夹。
2. 在这个目录下新建一个名为 Chrome
的文件夹,chrome是指浏览器的用户界面
3. 将背景图片放入新建的 chrome
文件夹中,并新建文本文件,重命名为 userContent.css
4. 修改 userContent.css
的内容并保存。注意这里面的 img.jpg
要替换成你的背景图片的文件名
@-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*/
.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;
}
/*修改背景图片,radial-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.75))在图片上叠加了一个中心渐变*/
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 ;
}
}
5. 访问about:config
,搜索toolkit.legacyUserProfileCustomizations.stylesheets
并将其改为 true
6. 重启浏览器
另:
- 图片靠上调整,加句overflow:hidden;然后调height的数值
- 配合火狐自带功能,自定义顶部工具栏,上传一张1920*113像素的图片(顶部图片大小其实是有一点误差,建议设置为顶部图片底部对齐),主页背景图使用1920*937像素,可以合并成一整张图。另外主页搜索框也可以改颜色,代码如下:
/* 修改搜索框的背景颜色和透明度 */
input[type="search"] {
background-color: #ffffff; /* 设置背景颜色 */
opacity: 0.5; /* 设置透明度(0.0 到 1.0 之间的值) */
}
/* 修改搜索框中的文字颜色 */
input[type="search"]::placeholder {
color: #999999; /* 设置占位符文字颜色 */
}