How can I make the title bar black in FF57?
I have selected the dark theme, but unfortunately the title bar is still blue.
Moreover, I have FF57 installed on two machines, it is Synced, so I have the same options and same add-ons, and yet I have this problem on only one machine.
I have already re-installed FF, and also switched themes back and forth.
Chosen solution
As "Plan B" you can use custom style rules to create a dark background to the Tab bar. Here's an example:
/* Background for Light and Dark themes */
#main-window[lwthemetextcolor="bright"] #TabsToolbar,
#main-window[lwthemetextcolor="dark"] #TabsToolbar {
background-color: var(--chrome-secondary-background-color) !important;
background-image: none !important;
}
#main-window[lwthemetextcolor="dark"] .scrollbutton-up,
#main-window[lwthemetextcolor="dark"] .scrollbutton-down,
#main-window[lwthemetextcolor="dark"] .tabs-newtab-button,
#main-window[lwthemetextcolor="dark"] #new-tab-button,
#main-window[lwthemetextcolor="dark"] #alltabs-button {
fill: var(--lwt-text-color) !important;
}
That should adapt the tab bar background color and the color of the tab bar controls to the built-in light and dark themes, and optional themes from the Add-ons site.
To apply the rules to your Firefox's UI, you need to create a userChrome.css file. It's a 5-10 minute project altogether. This page will get you started:
https://www.userchrome.org/how-create-userchrome-css.html
Read this answer in context 👍 0All Replies (10)
Is that the URL bar or what is that located? A full screen shot would help here. Only way I changed my setting was to use css file to let me change the options.
Hi Fred,
Perhaps since the machine you have asked the question about still thinks it is Firefox 52 lets focus on getting that issue cleared up.
It is not clear to me if you tried this solution. I know you tried the full reinstall.
As to what version you have; https://support.mozilla.org/en-US/kb/how-reset-default-user-agent-firefox
On Windows 7, you may need a dark "theme" from the Add-ons site to fully black out the toolbar area. There are so many to choose from...
https://addons.mozilla.org/firefox/search/?q=dark&type=persona
See also this pref on the about:config page:
- browser.tabs.drawInTitlebar
jscher2000 said
On Windows 7, you may need a dark "theme" from the Add-ons site to fully black out the toolbar area. There are so many to choose from... https://addons.mozilla.org/firefox/search/?q=dark&type=persona
ah, it is a Win7 issue? ok then.
cor-el said
See also this pref on the about:config page:
- browser.tabs.drawInTitlebar
that's simply expanding the title bar, it has no effect on the color.
safemanusa said
It is not clear to me if you tried this solution.
"This" what?
Chosen Solution
As "Plan B" you can use custom style rules to create a dark background to the Tab bar. Here's an example:
/* Background for Light and Dark themes */
#main-window[lwthemetextcolor="bright"] #TabsToolbar,
#main-window[lwthemetextcolor="dark"] #TabsToolbar {
background-color: var(--chrome-secondary-background-color) !important;
background-image: none !important;
}
#main-window[lwthemetextcolor="dark"] .scrollbutton-up,
#main-window[lwthemetextcolor="dark"] .scrollbutton-down,
#main-window[lwthemetextcolor="dark"] .tabs-newtab-button,
#main-window[lwthemetextcolor="dark"] #new-tab-button,
#main-window[lwthemetextcolor="dark"] #alltabs-button {
fill: var(--lwt-text-color) !important;
}
That should adapt the tab bar background color and the color of the tab bar controls to the built-in light and dark themes, and optional themes from the Add-ons site.
To apply the rules to your Firefox's UI, you need to create a userChrome.css file. It's a 5-10 minute project altogether. This page will get you started:
Hi Fred,
Now that you seem to have the issue about the title bar solved. You should still change the version that Firefox is reporting from 52 to 57. This will ensure that any future add-ons you may want will work properly. Please visit this page for the explanation of how to reset the version.
https://support.mozilla.org/en-US/kb/how-reset-default-user-agent-firefox
safemanusa said
https://support.mozilla.org/en-US/kb/how-reset-default-user-agent-firefox
I already followed the procedure last time and I already said it did not solve the issue.
Hi fred84, do you use the optional setting
privacy.resistFingerprinting
enabled in about:config? This may cause Firefox to report a false version number. However, I don't know what version it reports.
jscher2000 said
Hi fred84, do you use the optional setting privacy.resistFingerprinting enabled in about:config?
yes, that's correct.