使用firefox color自定义firefox的主题

本说明基于firefox 79
最早发布在CSDN原地址

轻量级主题

引用:firefox关于主题的说法,firefox现在仅支持轻量级主题了。

那么什么是轻量级主题呢?

mozilla官方并没有明确的定义,我的理解是,轻量级主题的概念是区别于旧的,高度自定义的主题的概念。它只能改变一些静态的样式。这使得对于普通用户来说,制作一个自己的主题变得更加容易——你不需要任何编程知识。

轻量级主题还可能有以下优点:

  • 加快firefox的冷启动速度
  • 提升兼容性

当然,缺点也是显而易见的。你无法实现一些比较漂亮而复杂的样式。相比于国产浏览器花样百出的主题某国产浏览器的主题宣传firefox的主题市场显得比较冷清。
但话又说回来了,chrome和edge都是轻量级主题。也许没有谁是绝对的正确的。

使用firefox color自定义主题

在firefox的扩展商店找到这个扩展:
下载地址

在这里插入图片描述

这是官方提供给你的可视化制作主题的工具。
打开主界面,如图:

在这里插入图片描述

界面是全英文的,不过不碍事。

  • preset themes:官方预设的主题样式
  • custom colors:基本的组件颜色与透明度
  • advanced colors:高级的组件颜色与透明度
  • custom colors:背景

你可以使用custom里官方预设的主题样式,在这些样式的基础上进行自己的修改,比如在custom colors里更改颜色,在custom backgrounds里更改背景填充,用官方花纹或者自己的图片。

在这里插入图片描述

当我们选择这里的每一项时,上方的可视化窗口会展示效果。你不必知道每个选项究竟是做什么的。

在这里插入图片描述

这里要特别说一下。如果你使用自己的图片,需要将图片的比例调节至15:1接近的比例,在中间两项选择水平与垂直居中,“重复”选择“no repeat”。这个比例是firefox制作主题时的默认比例。过大或者过小都会导致图片没办法完全显示。

做完主题就自动使用了。若换回原来的主题,在设置里启用即可。若想换回这个,打开firefox color,随便做一点更改,就自动套用了。

在这里插入图片描述

你可以选择这里的export,将做好的主题打包成xpi格式发布到firefox主题市场。我没发布过主题,不知道审核速度如何。关于主题发布的问题,也许我会在下一篇博客里说明。

谢谢你的阅读。

赞赏