This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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

Address bar on theme improperly displaying on one computer

more options

I have created and installed a theme (https://addons.mozilla.org/en-US/fire.../versions/). On my computer, when the text in the address bar is selected (e.g., if you hit Ctrl+A), the text is not highlighted blue as it should be - instead the text color changes to blue and there is no blue highlight; the background remains white. (This is only a problem with the address bar, not the search bar. This problem also does not happen with other themes). On other computers, however, the theme displays properly, with the address bar text highlighted in blue and the font color turning to white. See attached screenshots. I tried uninstalling and re-installing to no avail (Firefox "remembered" my settings so uninstalling didn't work).

I have created and installed a theme ([https://addons.mozilla.org/en-US/firefox/addon/pink-and-purple-blend/versions/]). On my computer, when the text in the address bar is selected (e.g., if you hit Ctrl+A), the text is not highlighted blue as it should be - instead the text color changes to blue and there is no blue highlight; the background remains white. (This is only a problem with the address bar, not the search bar. This problem also does not happen with other themes). On other computers, however, the theme displays properly, with the address bar text highlighted in blue and the font color turning to white. See attached screenshots. I tried uninstalling and re-installing to no avail (Firefox "remembered" my settings so uninstalling didn't work).
Attached screenshots

Modified by cor-el

Chosen solution

Hi confooseddesi89, I took a quick look at the theme wizard and it seems to be missing boxes for those two fields.

You can right-click the install/remove button on the Add-ons site and use Save File As... to download your theme's .XPI file. Then "unzip" it and you can edit the manifest.json file. For a regular extension you then can zip together the manifest.json file and the image and upload that as a new version. I don't know whether themes allow that.

(Unfortunately I have to restart my computer right now so can't look into it further.)

Read this answer in context 👍 1

All Replies (5)

more options

Hi confooseddesi89, There were changes to the address bar in version 75 and maybe I'm just plucking at straws but, you might be able to find some help over at the:

Extensions Workshop

more options

Two properties were added in Firefox 67 that you could use as a workaround:

,
"toolbar_field_highlight": "rgba(0, 120, 215, 1)",
"toolbar_field_highlight_text": "rgba(255, 255, 255, 1)"
more options

Hi jscher2000,

I'm not that savvy with code and used the "create a theme" builder offered by Firefox, which doesn't have those options. Would I be able to export the current theme and then edit that code to include the mentioned parameters? I can't find any useful information describing how to export a theme for editing.

more options

Suluhisho teule

Hi confooseddesi89, I took a quick look at the theme wizard and it seems to be missing boxes for those two fields.

You can right-click the install/remove button on the Add-ons site and use Save File As... to download your theme's .XPI file. Then "unzip" it and you can edit the manifest.json file. For a regular extension you then can zip together the manifest.json file and the image and upload that as a new version. I don't know whether themes allow that.

(Unfortunately I have to restart my computer right now so can't look into it further.)

more options

jscher2000, worked beautifully. Thanks!