We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Om de ûnderfining foar jo te ferbetterjen is tydlik de funksjonaliteit dan dizze website troch ûnderhâldswurk beheind. Wannear in artikel jo probleem net oplost en jo in fraach stelle wolle, kin ús stipemienskip jo helpe yn @FirefoxSupport op Twitter en /r/firefox op Reddit.

Sykje yn Support

Mij stipescams. Wy sille jo nea freegje in telefoannûmer te beljen, der in sms nei ta te stjoeren of persoanlike gegevens te dielen. Meld fertochte aktiviteit mei de opsje ‘Misbrûk melde’.

Mear ynfo

Dizze konversaasje is argivearre. Stel in nije fraach as jo help nedich hawwe.

How do I change the Tab Toolbar background color?

  • 4 antwurd
  • 4 hawwe dit probleem
  • 6 werjeftes
  • Lêste antwurd fan antnythr

more options

I assumed it would be something simple like changing a value in userchrome.css, but clearly I have no idea what I'm looking for because no CSS seems to work.

How can I change the background color of the area I've marked in my picture?

It seems like the only way to change this is with a "persona", but there obviously wouldn't be one with the exact solid color I'm looking for, and I want the color of the tabs to stay their default color.

I've been searching for hours and I can't find any way to change the color of the tab toolbar.

I assumed it would be something simple like changing a value in userchrome.css, but clearly I have no idea what I'm looking for because no CSS seems to work. How can I change the background color of the area I've marked in my picture? It seems like the only way to change this is with a "persona", but there obviously wouldn't be one with the exact solid color I'm looking for, and I want the color of the tabs to stay their default color. I've been searching for hours and I can't find any way to change the color of the tab toolbar.
Keppele skermôfbyldingen

Bewurke troch antnythr op

Alle antwurden (4)

more options

Note that you can edit the text and accentcolor of a lightweight theme (Persona) via the lightweightThemes.usedThemes pref about:config page. The first entry is the currently selected theme.

What code in userChrome.css did you try?

You may have to add -moz-appearance: none !important; if you can't override specific rules.

Try this selector:

#TabsToolbar toolbarbutton, #tabbrowser-tabs  { background-color: #xxxxxxx !important; }
more options

Hi, thanks for the response.

What you posted was actually able to help change the color of the tab toolbar, but the results weren't quite what I was expecting. It seems there's more to getting this the way I'd like than just changing a single color for a single element.

I've included another picture that shows (at the top) what your code gave me, and (at the bottom) what I was hoping the result would be.

Bewurke troch antnythr op

more options

This add-on may do what you want,

Classic Theme Restorer (Customize Australis) {web link} Restore squared tabs, appmenu, add-ons bar, small button view and more on Australis UI (Windows/MacOSX/Linux + Fx 29+).

This will restore many of the things the last upgrades took away.

http://forums.mozillazine.org/viewtopic.php?f=48&t=2827985 Classic Theme Restorer - Discussion Thread (v2)

aris-addons@gmx.net Classic Theme Restorer - Support E-mail

more options

Thank you, I've already got Classic Theme Restorer installed. It's how I've been able to make it look the way it currently is.

I've been looking at just creating a "Persona" that is nothing but a solid color. Is this something that gets "reviewed" by an actual person, or is everything just automated and I get a link to my newly created theme right after I submit?

I've basically given up on this. You'd think it would be simple, but it's proving to be a huge pain that's taking far too much time for what I want.