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

Lolu chungechunge lwabekwa kunqolobane. Uyacelwa ubuze umbuzo omusha uma udinga usizo.

Reverting Firefox header to something useable; FF91esr

  • 15 uphendule
  • 1 inale nkinga
  • 14 views
  • Igcine ukuphendulwa ngu citizen1138x

more options

Hi.

We have just begun to test Firefox 91esr for an anticipated rollout in October 2021. That's probably going to be optimistic. I'm trying to revert the toolbar and browser style to be an exact replica of the attached image (theme not withstanding).

We surveyed around 250 users and only 2 like the new FF91 toolbar and tabs. So got to go with the 99.9% of people. The userChrome.css file I am using is here: https://pastebin.com/8SFM3i1k

The userContent.css is:

/* Remove color effect filter on autofilled fields */

-moz-autofill {filter: unset !important;}

/* Remove filter on all fields */ input {filter: unset !important;}


I'm getting confused with the naming. We have Photon and is it now Proton? And what I'm trying to get back to is Australis?

Enabled style sheets and I can get the theme working. But when I add the chrome folder and it's contents instead of getting what you see on the attached image I get the default style with the ugly square tabs - the default in v78

I also can't seem to stretch the toolbar vertically. It's too damned compact.

The addons I want to use include new tab homepage, which seems to install but doesn't show in the list of add-ons and doesn't work. Perhaps I should approach the author for that issue.

The reload in the address bar works in 78.13, but in 91 it puts the reload button the on the far right... Another add-on problem for the author.

How do I remove the favorites icon from the address bar?

On webpages there is a settings cog in the top right corner. I'd also like to remove that.

I'm a PC builder, not a coder, so the css is provided by the generosity of other people.

thanks

Hi. We have just begun to test Firefox 91esr for an anticipated rollout in October 2021. That's probably going to be optimistic. I'm trying to revert the toolbar and browser style to be an exact replica of the attached image (theme not withstanding). We surveyed around 250 users and only 2 like the new FF91 toolbar and tabs. So got to go with the 99.9% of people. The userChrome.css file I am using is here: https://pastebin.com/8SFM3i1k The userContent.css is: /* Remove color effect filter on autofilled fields */ :-moz-autofill {filter: unset !important;} /* Remove filter on all fields */ input {filter: unset !important;} I'm getting confused with the naming. We have Photon and is it now Proton? And what I'm trying to get back to is Australis? Enabled style sheets and I can get the theme working. But when I add the chrome folder and it's contents instead of getting what you see on the attached image I get the default style with the ugly square tabs - the default in v78 I also can't seem to stretch the toolbar vertically. It's too damned compact. The addons I want to use include new tab homepage, which seems to install but doesn't show in the list of add-ons and doesn't work. Perhaps I should approach the author for that issue. The reload in the address bar works in 78.13, but in 91 it puts the reload button the on the far right... Another add-on problem for the author. How do I remove the favorites icon from the address bar? On webpages there is a settings cog in the top right corner. I'd also like to remove that. I'm a PC builder, not a coder, so the css is provided by the generosity of other people. thanks
Ama-screenshot ananyekiwe

Okulungisiwe ngu citizen1138x

All Replies (15)

more options

Hi, it's better to ask about styling here: https://www.reddit.com/r/FirefoxCSS/

Or you can choose whatever you like from https://firefoxcss-store.github.io/index.html

more options

Thanks. I don't use Reddit. Guess it's time to sign up.

Interesting though that the best place to ask about firefox is not on a firefox forum :)

I was thinking it might not be a CSS issue. The UI looks like the default Photon UI after disabled Proton. So I was feeling that maybe the CSS file is not being processed. It doesn't have a .txt extension, I've been using it on hundreds of PCs for quite a while now. There is no .css.css double extension, and it's in the %APPDATA%\Mozilla\Firefox\Profiles\<profilename>\chrome folder.

I've contacted the authors re the add ons.

Any ideas on the other questions?

Okulungisiwe ngu citizen1138x

more options

re : %APPDATA%\Mozilla\Firefox\Profiles\<profilename>\Chrome folder.

If you have spelt 'Chrome' with a capital C then it might explain the issue - it should be all lowercase 'chrome'.

Good info at this link: scroll down to the 'Restyling tab buttons' section - you can choose options and auto get code created for copying. https://www.userchrome.org/firefox-89-styling-proton-ui.html I suppose I should try some that out myself.

Okulungisiwe ngu Toad-Hall

more options

Oops. Sorry, typo. It's spelt lower case :) Fixed

Perhaps I should give the devs more time to sort things out. There are several weird things happening. Tick obxes no longer display ticks when disabling proton; Settings get reverted after making GPO changes; theme continually disappears;

Reading through the link you provided, the settings seem to apply to 89-90 only in most cases, and uidensity is apparently going to be removed. And one of the later tweaks specifically mentions setting to true causes display problems in FF91, which I can confirm.

switch the temporary preference between the Firefox 57-88 ("Photon") appearance and the Firefox 89-90 ("Proton") appearance. This causes display problems in Firefox 91, so please reset this to true for Firefox 91.

Okulungisiwe ngu citizen1138x

more options

God damn it. My reply vanished. The Chrome was a typo. It's actually chrome on the all PCs.

I've been looking at code all day. Haven't found anything that gets remotely close to what users have now.

The settings you linked to mostly refer to 89-90, and indeed don't appear to have much if any effect on 91. The last one specifically says it causes problems in v91. Lol, that's exactly why I am seeking assistance :)

Perhaps the devs need more time to sort this version. There are several wierd things happening; Whenever I edit GPO settings get reverted in the browser and the theme vanishes. I have to reinstall it. Also, the ticks in the tick boxes are no longer visible. I can see the options change when I click the tick box (for those that show or hide something when ticked). Don't know if that was caused by editing GPO or disabling proton, haven't done any more testing on it yet.

more options

citizen1138x said

Also, the ticks in the tick boxes are no longer visible.

Set browser.proton.enabled back to true to solve that problem.

more options

jscher2000 said

citizen1138x said

Also, the ticks in the tick boxes are no longer visible.

Set browser.proton.enabled back to true to solve that problem.

Is that a bug or is it a "feature"? Meaning, one cannot disable proton if one ever wants to change settings?

more options

You can consider this a bug, but it is caused by having started to clean up the pre-proton code and in 91 there is apparently with proton disabled no proper code for the checkboxes (@media not (-moz-proton){} versus @media (-moz-proton){}).

Note that you can search the Firefox source code and compare the 91 proton CSS code with the CSS code used in 78.

more options

I'll take a look but I doubt the code will mean much to me. I'm not a coder, I'm a system builder.

more options
more options

Yes, I did understand what you meant :) But it still looks all greek to me. I can do a compare using notepad++ easy enough, but I still wouldn't understand it. It's not that I'm not willing to learn, it's that with other workloads I just don't have the time.

I already have a css file, which might have been provided by you a couple of years ago, or at least I recall you assisting me getting it working.

I'm not trying to replicate the v78 UI. I'm trying to replicate the UI from before that (v57?) - with the tabs that look like the attachment.

Drag space has been disabled in v91. Need to get that back. v91 is extremely squashed. And the shape of the tabs is what the css file I have accomplishes. The text and svg image color is because of the theme.

Have the same issue with Thunderbird. We're stuck on v52.91 because of the tabs... Well, and that some Add-ons no longer work like minimize to tray. With thunderbird is not critical, but with Firefox, an update is inevitable because many organizations stop supporting older browser versions rather quickly. I'm already seeing some sites already saying v78.13 is already unsupported.

What I don't know is - is this a css coding exercise, or is the file I have just not being processed? Enabling stylesheets and with proton UI on or off nothing happens.

Okulungisiwe ngu citizen1138x

more options

As I mentioned in your thread on Reddit, I think the newer version of the Firefox 29-56 curved tabs CSS is here:

https://github.com/wilfredwee/photon-australis

But you should re-enable Proton for testing.

more options

jscher2000 said

As I mentioned in your thread on Reddit, I think the newer version of the Firefox 29-56 curved tabs CSS is here: https://github.com/wilfredwee/photon-australis But you should re-enable Proton for testing.

Oh, I looked at my reddit post earlier and there were no replies. I shall check again.

Other than to see the ticks in settings, why would I want to enable proton?

more options

I ran a compare of your code against the current wilfredwee files:

Light:

Dark:

I think the only part that isn't covered is the last page of your old file, which might be obsolete anyway.

more options

oooh... so close :).

Some of the old code is still needed. For example, I will want to get rid of the "throbber" amd replace it with the spinning circle.

The toolbar and tab lines are so damned squashed. Seriously, the few pixels of webpage space that are gained by squashing them is silly. I doubt anyone would notice the few extra pixels on a web page, but you certainly do notice how squashed the top of the browser is. It looks terrible.

But I may have to put the UI on the back burner for now, I have a more pressing issue. Firefox is possessed!!

Every time I start it, it creates a new profile. This is not related to this issue, so I'll start another thread for that.

Will get back on this issue as soon as I sort that one out.