Mozilla 在 2017 年推出了全新的 Firefox Quantum 浏览器,革新了不少 Firefox 的古老特性,却没能革新 Mozilla 商店里面上个十年设计风格的第三方主题。官方在 Firefox Quantum 里面提供的内置主题(默认、浅色和黑色)虽然简约好看,但是提供给我们的定制化方案并不太多。

我一直想寻找一个方便的为 Firefox 定制主题的方法,前些日子我才发现原来 Firefox 官方就开发有 Firefox Color 这一插件。利用它,我们可以自由的定制 Firefox 各种元素的主题配色。接下来,我就来介绍一下如何利用 Firefox Color 来为我们的 Firefox 浏览器定制一个美丽的主题。 

Firefox Color 的多种内置主题

下载方式

顾名思义,Firefox Color 是专门为 Firefox 设计开发的一款浏览器插件。我们当然需要先下载 Firefox 浏览器。之后,我们访问:Firefox Color – Get this Extension for 🦊 Firefox (en-US) 就可以直接安装 Firefox Color 这一浏览器插件了。

点击 Firefox 插件里面的 Firefox Color 直接打开主题定制页面

点击右上角插件工具区域的「Firefox Color」图标,插件会自动打开 Firefox Color 的官方网站,在这里我们就可以直接挑选搭配我们想要的 Firefox 配色方案。

插件使用

可以看到,Firefox Color 在第一个标签页那里为我们提供了许多官方的配色方案,里面有很多不错的主题搭配,可以拿来直接使用,也可以在上面做些小调整。

官方提供的配色方案

下一个标签页里面我们就可以为「工具栏」「搜索栏」「背景」等等界面区域进行细致的颜色调整,除了 Firefox 本身界面会跟着下面的配置进行更新,上面的预览框也会提示你正在修改的部分属于 Firefox 界面的哪一部分。

在右侧的色轮里面,我们可以方便的挑选之前选择的颜色,或者创建新颜色。

通过「色轮」调节每个元素的颜色

当然,如果实在拿不定主意,不知道那种颜色比较好看,我们也可以直接点击上方工具栏里面的 Random 来随机加载一个配色主题进行尝试。(经常非常辣眼睛)

Random 主题配色方案

最后,在第三个标签页里面,我们可以定义 Firefox 上方的背景。Firefox Color 提供了很多纯色 SVG 图案来让我们选择。我们当然也可以直接自己制作想要放上去的背景图进行主题搭配。

自定义上面的背景图案

保存主题与导出

制作完成之后,我们可以直接通过上面工具栏里的「❤️」将刚刚制作好的主题保存下来。保存的主题会出现在第四个标签页这里:

收藏刚刚制作的主题

我们甚至可以直接通过 Firefox Color 导出可以发布到 Mozilla 商店的主题配色配置文件,只需要点击上面的 Export(导出),为我们的主题起个名字就可以了。

主题方案导出与发布

小结

Firefox Color 实在是 Firefox 浏览器的必备插件,如果你想要拥有一个自定义的 Firefox 主题,那么 Firefox Color 就是你的最佳选择。可惜的是,Firefox Color 是 Firefox Test Pilot 孵化出的项目,但是 Test Pilot 本身在今年(2019)年初就被停止,这一项目孵化出了比如 Firefox Color、Firefox Send 等等备受好评的插件,希望火狐今后能够开发出更为优秀的作品。感谢大家阅读。