Modifying themes

User Help for Mozilla Firefox
Post Reply
User avatar
Ashleyj
Posts: 218
Joined: September 9th, 2004, 12:10 pm

Modifying themes

Post by Ashleyj »

Can this be done with the latest versions of Firefox?

I have installed a theme that I found on the add-ons page, which I quite like, but there are a couple of minor things that I would like to change (address bar colour being one of them) and was wondering if it's possible to modify the theme to change them.

I located the relevant xpi file in the profile. I copied this to another location, changed the extension to .zip and unzipped it. Looking at the files in the archive I can't see anything that would be editable.

I recall from the old days that add-ons had a .jar extension and those could be edited.
User avatar
Grumpus
Posts: 13246
Joined: October 19th, 2007, 4:23 am
Location: ... Da' Swamp

Re: Modifying themes

Post by Grumpus »

Just a suggestion, maybe go to the to one of the Themes forums here in the 'zine and pose your question. ;)
Doesn't matter what you say, it's wrong for a toaster to walk around the house and talk to you
morat
Posts: 6427
Joined: February 3rd, 2009, 6:29 pm

Re: Modifying themes

Post by morat »

You would need to upload the modified theme to the developer hub for signing.

Design and create themes for Firefox
http://blog.mozilla.org/addons/2019/02/ ... r-firefox/

WebExtensions manifest.json theme
http://developer.mozilla.org/docs/Mozil ... json/theme

You can test the unsigned theme using the about:debugging page.

Debugging temporary addons
http://developer.mozilla.org/en-US/docs ... is_firefox
User avatar
jscher2000
Posts: 11762
Joined: December 19th, 2004, 12:26 am
Location: Silicon Valley, CA USA
Contact:

Re: Modifying themes

Post by jscher2000 »

Ashleyj wrote:I located the relevant xpi file in the profile. I copied this to another location, changed the extension to .zip and unzipped it. Looking at the files in the archive I can't see anything that would be editable.
You must have a manifest.json file in there. If you open that in a text editor, it should contain a long list of colors for different parts of the UI. For example:

https://github.com/jscher2000/Photon-Bl ... ifest.json

I'm not sure where you can find the best documentation for which property colors which item, but you could start here:

https://developer.mozilla.org/en-US/doc ... eme#colors
User avatar
Ashleyj
Posts: 218
Joined: September 9th, 2004, 12:10 pm

Re: Modifying themes

Post by Ashleyj »

Thanks for the very helpful information, morat and jscher. I will check out all the links you have provided.

Hopefully I will be able to achieve what I'm looking for.
User avatar
Ashleyj
Posts: 218
Joined: September 9th, 2004, 12:10 pm

Re: Modifying themes

Post by Ashleyj »

Once again thank you for the help.

I have now designed my own theme that has been approved, signed and installed.
User avatar
therube
Posts: 21714
Joined: March 10th, 2004, 9:59 pm
Location: Maryland USA

Re: Modifying themes

Post by therube »

I have now designed my own theme
Hosted at AMO or just for your own use?
(If the former, link, & if the latter, screenshot?)
Fire 750, bring back 250.
Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US; rv:1.9.1.19) Gecko/20110420 SeaMonkey/2.0.14 Pinball CopyURL+ FetchTextURL FlashGot NoScript
User avatar
Ashleyj
Posts: 218
Joined: September 9th, 2004, 12:10 pm

Re: Modifying themes

Post by Ashleyj »

therube wrote:
I have now designed my own theme
Hosted at AMO or just for your own use?
(If the former, link, & if the latter, screenshot?)
Just for my own use. It is similar to a theme I found on the add-ons site with a couple of tweaks.
Post Reply