Firefox... taming the beast part 2 !!

OldMike65 · 22 Jun 2023

New strange problem with firefox ....can't view my google mail using FF ....it flashes on and off no idea why ...very strange. Chrome works fine tho. FF only does this on google mail ....everything else seems to work fine.

For whatever reason Firefox is working fine again ....

Anak · 22 Jun 2023

That's great! Don't look a gift horse in the mouth. . .

Ghot · 05 Jul 2023

How to avoid the... "some extensions are not allowed", in FF 115...

Latest Firefox released for Windows | Page 27 | Windows 11 Forum

Callender · 30 Aug 2023

Here's a strange one. I hope that someone can figure it out.

Caveat: I'm using Librewolf (Firefox Fork) but essentially it's the same as Firefox when it comes to userchrome.css

After updating to 117.0-1 I had a problem with icons in the context menu overlaying the text. (Using Lepton Proton Style)

See:

Firefox... taming the beast part 2 !!-context-menu-librewolf.jpg

Updating to the latest Lepton Proton Style fixed that.

GitHub - black7375/Firefox-UI-Fix at proton-style

However I lost the bold font on the active tab. You can see tabs in the first screenshot did all display bold text before the update.

I reapplied this fix:
#TabsToolbar .tabbrowser-tab .tab-content {
font-weight: 800 !important;
}

I got the bold font back but only on the inactive tabs. The active tab font isn't bold.

Firefox... taming the beast part 2 !!-active-tab.jpg

Any fix?

das10 · 30 Aug 2023

Callender, I haven't tested this with the particular Theme Style that you are using, but try something along this line ?

Code:

/* tab label text colour */
/* TAB LABEL for SELECTED tab  font 'color 'size 'weight 'type-face also if wanted*/
.tabbrowser-tab .tab-label[selected="true"] {
     font-weight: bold   !important;
     font-style:  italic !important;
     color:       yellow !important;
}
/* TAB LABEL for NOT selected tab font 'color 'size 'weight 'type-face also if wanted*/
.tabbrowser-tab .tab-label:not([selected="true"]) {
     color:       black  !important;
     font-weight: normal !important;
}

(ignore all except font-weight for your use case).

Firefox... taming the beast part 2 !!-ff-tab_font.png

Callender · 30 Aug 2023

@das10

Thanks but it didn't work. Actually any changes that I make are momentarily applied to the active tab but almost immediately revert to how it's displayed in the screenshot. (Regular not bold text).

Maybe something in the custom css. For Lepton Proton this is how it works:

Firefox... taming the beast part 2 !!-userchrome.css-notepad.jpg

So it imports:

leptonChrome.zip

Then there is user.js

user.zip

Mabe something in either of those files is overriding it.

das10 · 31 Aug 2023

That's odd; as with Firefox 117.0, the tab css rule appears to work.

This is what I have as a basic userChrome.css with "Firefox-UI-Fix-proton-style" theme.

Code:

/** Import Lepton stylesheet (Chrome) *****************************************/
@import url("css/leptonChrome.css");


/** Add your custom styles below **********************************************/

/*tab b-ground selected tab */
      .tab-background[selected="true"] {
      opacity: 1.00 !important;
      background-color: #AB99EB !important;
      }
/*tab b-ground not selected tabs */
      .tab-background:not([selected="true"]) {
      background-color: #00A8A8 !important;
      background-image: none !important;
      }

/* TAB LABEL for SELECTED tab  font 'color 'size 'weight 'type-face also if wanted*/
.tabbrowser-tab .tab-label[selected="true"] {
     font-weight: 900   !important;
     color:       black !important;
}
/* TAB LABEL for NOT selected tab font 'color 'size 'weight 'type-face also if wanted*/
.tabbrowser-tab .tab-label:not([selected="true"]) {
     color:       black  !important;
     font-weight: normal !important;
}

Firefox... taming the beast part 2 !!-ff-tab_font_2.png

Callender · 31 Aug 2023

@das10

Thanks, I will try that later when I'm at home.

das10 · 31 Aug 2023

One other thing you could try :
If you want bold font on "all" the tabs, you can try changing the code you have applied (as shown in post #434).

from:

Code:

#TabsToolbar .tabbrowser-tab .tab-content {
font-weight: 800 !important;
}

to:

Code:

#TabsToolbar .tabbrowser-tab .tab-label {
font-weight: 800 !important;
}

(If I use your original code (with .tab-content instead of .tab-label, I too get a bold font on all tabs except the active/selected tab).

Callender · 31 Aug 2023

das10 said:

One other thing you could try :
If you want bold font on "all" the tabs, you can try changing the code you have applied (as shown in post #434).

from:

Code:

#TabsToolbar .tabbrowser-tab .tab-content {
font-weight: 800 !important;
}

to:

Code:

#TabsToolbar .tabbrowser-tab .tab-label {
font-weight: 800 !important;
}

(If I use your original code (with .tab-content instead of .tab-label, I too get a bold font on all tabs except the active/selected tab).

It's strange but I used the code you posted in post #437 and bingo - all tabs are bold text which is exactly what I wanted.

See:

Firefox... taming the beast part 2 !!-bold-text-tabs.jpg

Thanks.