About
Side Projects
Blog
2020-10-10

Creating a Color Theme for Firefox

It is useful to color the title-bar / tabs of the Firefox window to distinguish a running profile from others. This requires the creation of a theme. There is a web page called Firefox Color Plugin that helps with designing color themes. If you install the plugin (see page) then it is also possible to export the theme and use it.

When you are ready with your color scheme, it should be possible to select “Export” from the top left corner of the Firefox Color plugin and then to export as an .xpi document. Unfortunately it is not possible to simply use this straight away because it has to be signed by Mozilla for use in Firefox.

Visit the Addons Site and authenticate. Choose to “Submit a New Theme”. Work through the process, submit the file and wait. After some minutes, a signed file with extension ...fx.xpi will be available for your theme for download. Download this file.

Extensions are per-profile so choose your new profile and open the Extensions → Themes from the url about:addons. Choose “Install Add-on From File…” and then Enable the new Theme. You should now see your new color scheme applied.