浏览器种类有很多，好用的也不少，但一直以来 Chrome 都是我在 PC 上的主力浏览器。自从 Edge 使用了 Chromium 内核，我也会时不时打开用一用，体验上来说已经和 Chrome 基本没什么区别。但毕竟人类也是一种视觉动物，我最终还是选择了我自己看起来更舒服的 Chrome，除了视觉效果以外，还有一点是因为多年的使用习惯造成的。
Firefox 作为一款开源浏览器，由 Mozilla 基金会的全资子公司 Mozilla Corporation 推出，身为一名开源软件爱好者自然是不能错过的。Firefox 使用的是自家的 Gecko 内核和 Quantum 引擎，网页访问速度也是相当的快。相比 Edge 和 Chrome，Firefox 和 Chrome 的差异化会更加明显，这也是我想要尝试的原因之一。
其实 Firefox 我也一直在使用，只不过是在 Linux 虚拟机的桌面环境下，因为它是许多 Linux 桌面发行版默认搭载的浏览器。不过一直以来真就纯纯的把它当作一个工具在使用，没有去认真了解过，使用的也都是默认配置，今天突发奇想想要折腾一下。
好的工具固然重要，如果工具在实用的同时又能兼顾视觉体验那就更好了。但是我猛然发现 Firefox 默认是不支持更换主页背景的，我知道插件是肯定可以做到的，不过本着能不装插件就不装插件的原则，我决定寻找其它解决方案。结果从网上发现一篇文章刚好可以解决我遇到的问题，下面简单的记录一下过程。
由于自己不喜欢过多的装饰，所以就只更换了背景，更改了一些设置，先附上成果。
修改前：
修改后：
下面是解决步骤
打开配置文件目录
- 浏览器地址栏进输入
about:profiles回车 - 找到正在使用的配置文件，点击根目录后的
打开文件夹
创建目录
进入根目录后，在根目录下创建一个 chrome 目录
添加文件
进入刚创建的 chrome 目录，将背景图片放入这个目录，然后在目录下创建一个文本文件命名为 userContent，后缀改为 .css，如果文件后缀为隐藏状态需要设置为显示，否则无法修改。
修改文件内容
打开创建的 userContent.css 文件，输入以下代码：
@-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:radial-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.3)), no-repeat url(background-img.jpg) center;
background-size: cover;
width: 100vw;
height: 100vh;
}
}
这句 background:radial-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.3)), no-repeat url(background-img.jpg) center; 中的 background-img.jpg 要改为自己背景图片的名称，我自己没有测试中文名称行不行，不行的话可以改为英文名称。
修改用户界面的样式表
浏览器地址栏进输入 about:config 回车，将 toolkit.legacyUserProfileCustomizations.stylesheets 的值改为 true
修改该值，浏览器可能会提示操作有风险，点击 接受风险并继续 即可
重启
更改完成之后关闭 Firefox 重启即可