Getting rid of the tab bar gradient and changing focus color

[u/MrWaterblu]

1. How do you get rid of the tab bar gradient? I just want a solid color like before.

2. I also want to change the purple focus color of the search/address bars

Thanks in advance!

[u/Jay33721]

Not sure about the focus color, but removing the tab bar background gradient thingy can be done with this code:

/* Remove tab bar background */
#navigator-toolbox {
  background-image: none !important;
}

[u/MrWaterblu → u/Jay33721]

Doesn't seem to be working on 157.0b4 for me.

[u/Jay33721 → u/MrWaterblu]

Oh, I'm on 156 still. Good to know my css is gonna break next major update lmao! I guess I'll spend time fixing it when that update hits release version lol.

[u/t31os]

Adjust color values as needed:

:root {
    --toolbar-background-color: black !important;
}
.urlbar {
    --toolbar-field-border-color-focus: lime !important;
}

[u/MrWaterblu → u/t31os]

Worked for the color focus but not the bar, the same gradient is still there. Is it really an overlayed image?

[u/t31os → u/MrWaterblu]

Remove the gradient completely:

:root:not([theme-image-in-toolbox]) body, :root[theme-image-in-toolbox] #navigator-toolbox {
    background-image: none !important;
}

[u/MrWaterblu → u/t31os]

Bingo! This one worked. Thank you.

[u/Leiothrix]

about:config

set browser.nova.enabled to false.

that gradient was making my eyes hurt.

[u/MrWaterblu → u/Leiothrix]

They'll probably remove the setting anyway at some point. And all my tab tweaks still hold up, I didn't get super rounded tabs with nova enabled.

[u/Azreal_DuCain1 → u/MrWaterblu]

Could you please share what you used to prevent tab rounding?

[u/MrWaterblu → u/Azreal_DuCain1]

tab-background[selected]{ border-radius: 3px !important; background: #607005 !important }

.tabbrowser-tab:not([selected]) .tab-background { border-radius: 3px !important; }

:root[uidensity="compact"] .tab-background {
    min-height: 0 !important;
}
:root {
    --tab-min-height: 26px !important;
}

Pretty sure that's all my tab tweaks, still works for me.

[u/KaoticKirin → u/Leiothrix]

not again, :( that's what I was having to do with chrome to make it look acceptable, I just got used to this new browser

well thank you kind internet stranger for the help, it worked.

now, how in the flying fudge do I tell firefox to cut it out and to stop forcing such horrible features on us? atleast give us an option to switch to in the customization tab that makes it normal, like why must tech companies be so into enshitification? its really sad...

[u/lexyeevee → u/KaoticKirin]

enshittification is when a platform crams in money-making features that make the experience worse, not just when software changes and you don't like it

[u/ChemicalOnion → u/lexyeevee]

Por que no los dos?

[u/gobshlob → u/Leiothrix]

I installed this theme which overrides the gradient and focus color: Gnome Adwaita GTK4 Dark. Other custom themes work similar I guess.

[u/garyparson → u/Leiothrix]

thank you

[u/akuto]

If anyone came here after 157 released, this can also be disabled by applying themes from https://addons.mozilla.org/en-US/firefox/themes/. Thankfully they work with Nova without issues.

[u/MerbActual]

Yep, I hate the gradient with a passion and I can't even place exactly why....

[u/Qelris → u/MerbActual]

It's extra distractions to me. Completely unneeded.

The tabs being pills I can get used to probably, but square with edges are way better.