Firefox... taming the beast part 2 !!

Callender · 21 Jan 2024

@das10

I made the changes but get the same results. Bold font on tabs only works in new windows. Thanks anyway.

@Anak. It's only probelmatic on launch. If I open a new window changes work as expected (in new window) and stick for a whole session until I close the browser.

Callender · 21 Jan 2024

FYI: I also noticed address bar font changes in a new window along with tab font. I don't think that css is the issue but if anyone can figure out why it works only in new windows then that would be great. Otherwise I'll just live with it.

Firefox... taming the beast part 2 !!-windows.jpg

Also I've tried restoring old profile and css backups but get the same results.

Anak · 21 Jan 2024

Callender said:

@Anak. It's only probelmatic on launch. If I open a new window changes work as expected (in new window) and stick for a whole session until I close the browser.

That's why I asked if spacing is !important in a .css

Look at the spacing at your post #455 Especially between the colors and the word !important.

Firefox... taming the beast part 2 !!-callenders-post.png

And das10's post #457 It looks like das10 used the tab key to set the spacing.

Code:

/* TAB LABEL for SELECTED tab  font 'color 'size 'weight 'type-face also if wanted*/
#TabsToolbar .tabbrowser-tab[selected] label{
    font-weight: Bold      !important;
}
/* TAB LABEL for NOT selected tab font 'color 'size 'weight 'type-face also if wanted*/
#TabsToolbar .tabbrowser-tab:not([selected=true]) label{
    font-weight: Normal    !important;  /* changeable as required */
    color:       white     !important;  /* for testing only*/
}

Just asking.

Ghot · 21 Jan 2024

Anak said:

That's why I asked if spacing is !important in a .css

Dunno. I only use Ari's pre-fab .css file

das10 · 21 Jan 2024

As used in my css, spacing shouldn't matter - basically it is used to format the code to make it more readable.

Callender · 21 Jan 2024

Anak said:

That's why I asked if spacing is !important in a .css

I don't think that it's important but just fixing only the spaces in those lines that you mentioned has worked.

Full info: I edited these:
C:\Users\Chris\AppData\Roaming\librewolf\Profiles\onqs8xce.default-default\Chrome\userChrome.css
C:\Users\Chris\AppData\Roaming\librewolf\Profiles\onqs8xce.default-default\Chrome\userContent.css
C:\Users\Chris\AppData\Roaming\librewolf\Profiles\onqs8xce.default-default\leptonContent.css
C:\Users\Chris\AppData\Roaming\librewolf\Profiles\onqs8xce.default-default\Chrome\css\leptonChrome.css
C:\Users\Chris\AppData\Roaming\librewolf\Profiles\onqs8xce.default-default\Chrome\css\leptonContent.css
C:\Users\Chris\AppData\Roaming\librewolf\Profiles\onqs8xce.default-default\Chrome\leptonChrome.css
C:\Users\Chris\AppData\Roaming\librewolf\Profiles\onqs8xce.default-default\Chrome\leptonContent.css
C:\Users\Chris\.librewolf\librewolf.overrides.cfg

EDIT: The spaces I removed were here:

Firefox... taming the beast part 2 !!-librewolf.overrides-docpad.jpg

Ghot · 21 Jan 2024

Panda Power to the rescue.

Anak · 21 Jan 2024

@Ghot
It doesn't look like there's much spacing there, maybe it's in the consistency of how it's written.

@das10
No it shouldn't matter and I've seen your reasoning (more readable) , but, there are exceptions. I tried to find an example without luck.

@Callender
Has worked, are you seeing all bold on launch?

SPB · 22 Jan 2024

Code:

.tabbrowser-tab .tab-label[selected="true"] {
color: black !important; 
font-weight: bold !important;
}

bold instead of 800 works fine in Firefox 115.6.0 ESR. (while 800 is ok as well...)

Firefox... taming the beast part 2 !!-firefox-bold-tab-text.png

There are other text styling options such as font-family (fira, tahoma, mono, ...), font-size (16px, ...), font-style (italic, ...).
There might be an additional browser-own rule defining the looks of the real first tab when starting the browser.

Callender · 22 Jan 2024

Anak said:

@Callender
Has worked, are you seeing all bold on launch?

Yes and I just removed spaces between ") {" and also between "] {"

Original:

Code:

/* 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;
}

Fixed:

Code:

/* 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;
}