We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

How do you make complete themes for Firefox 57?

  • 2 replies
  • 3 have this problem
  • 3 views
  • Last reply by Shadow110

more options

I have been avoiding this problem for a while as there has been reduced functionality in the theme I used since Firefox version 56. FXChrome no longer works and I would like to replace it myself. All I have found on how to create a theme is an archived "obsolete" page, https://developer.mozilla.org/en-US/docs/Archive/Themes/Building_a_Theme. I have knowledge of both Java and CSS, so writing the theme isn't a problem. I would like to create something that goes beyond the "simple theme" as I need to customize the icons and other styling. Is there any current documentation of how to do this?

I have been avoiding this problem for a while as there has been reduced functionality in the theme I used since Firefox version 56. FXChrome no longer works and I would like to replace it myself. All I have found on how to create a theme is an archived "obsolete" page, https://developer.mozilla.org/en-US/docs/Archive/Themes/Building_a_Theme. I have knowledge of both Java and CSS, so writing the theme isn't a problem. I would like to create something that goes beyond the "simple theme" as I need to customize the icons and other styling. Is there any current documentation of how to do this?

Chosen solution

https://addons.mozilla.org/en-US/firefox/themes/

https://www.howtogeek.com/334716/how-to-customize-firefoxs-user-interface-with-userchrome.css/ https://www.userchrome.org/ https://www.userchrome.org/what-is-userchrome-css.html https://www.accessfirefox.org/Firefox_Accessibility_Themes.php https://www.accessfirefox.org/Theme-Font-Size-Changer.php https://github.com/axydavid/FirefoxUI/blob/master/README.md https://github.com/wilfredwee/photon-australis Note there is a sub Reddit dedicated to this. Not all code is in one place. Possible able to adapt Chrome Browser themes or parts of them.

Flash Player Version: 28.0.0.126 Current Version | Released this date. https://get.adobe.com/flashplayer/otherversions/ Step 1: Select Operating System Step 2: Select A Version (Firefox, . . . .) Note: Other software is offered in the download. <Windows Only>

Please let us know if this solved your issue or if need further assistance.

Read this answer in context 👍 1

All Replies (2)

more options

I believe I found my answer on the FAQ Page.

  • What happened to my complete theme?
  • Complete themes do not work with Firefox 57 and are disabled. If you use a dark complete theme, the Dark Theme option in the Add-on Manager might be a good option for you. Go to the Themes tab in about:addons and give it a try. We are making improvements to themes in the coming months, so look for themes with additional functionality beyond an image overlay in future releases.
more options

Chosen Solution

https://addons.mozilla.org/en-US/firefox/themes/

https://www.howtogeek.com/334716/how-to-customize-firefoxs-user-interface-with-userchrome.css/ https://www.userchrome.org/ https://www.userchrome.org/what-is-userchrome-css.html https://www.accessfirefox.org/Firefox_Accessibility_Themes.php https://www.accessfirefox.org/Theme-Font-Size-Changer.php https://github.com/axydavid/FirefoxUI/blob/master/README.md https://github.com/wilfredwee/photon-australis Note there is a sub Reddit dedicated to this. Not all code is in one place. Possible able to adapt Chrome Browser themes or parts of them.

Flash Player Version: 28.0.0.126 Current Version | Released this date. https://get.adobe.com/flashplayer/otherversions/ Step 1: Select Operating System Step 2: Select A Version (Firefox, . . . .) Note: Other software is offered in the download. <Windows Only>

Please let us know if this solved your issue or if need further assistance.