How To Make Bookmark Background Dark In Firefox

Question

How do I change the background color of the Bookmarks toolbar

I tin't read the black text on the dark blue background of the Bookmarks toolbar. How do I make the background lighter or a different colour?

I tin can't read the blackness text on the dark blue background of the Bookmarks toolbar. How do I brand the groundwork lighter or a dissimilar colour?

Called solution

That's actually the Menu Bar, where you've placed the Bookmarks Toolbar Items element. The simplest matter to practise is to enable the Title Bar: right-click an empty area of the tab bar and choose Customize, and so click the Championship Bar button in the lower left corner.

Installing a theme (AKA lightweight theme, persona) is another simple choice.

https://addons.mozilla.org/firefox/themes/solid

If you however desire to become the user style route, choose either fashion below.

The first will only alter the text color for the Bookmarks Toolbar Items chemical element so that information technology matches the menu bar text color.
The second affects the whole menu bar and the tab bar. I don't think the latter looks that good considering information technology likewise affects the superlative window border and the Minimize/Maximize/Close buttons remain blue.

Install Stylish and restart Firefox when prompted.
- https://addons.mozilla.org/firefox/addon/stylish/
Click the ≡ Menu Button and choose Add-ons.
In the Add-ons Managing director, click User Styles on the left.
Click the Write New Way push at the elevation. Paste the following in the text box, give the fashion a proper name, then click the Save button.

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.but.xul);  #toolbar-menubar .toolbarbutton-text { color: rgb(216,228,248) !important; }

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.simply.xul);  #navigator-toolbox {   groundwork-color: rgb(236, 233, 216) !important;   background-image: linear-gradient(to peak, rgba(10, 31, 51, 0.35) 2px, rgba(0, 0, 0, 0.05) 2px, transparent fifty%) !important; }  .menubar-text, #toolbar-menubar .toolbarbutton-text, .tabbrowser-tab .tab-label {   color: black !important; }  #principal-menubar card:hover .menubar-text {   colour: white !important; }

If you lot don't want to install an add-on, you tin can utilize the userChrome.css file instead, but I don't recommend information technology.

http://kb.mozillazine.org/UserChrome.css

Read this answer in context 👍 1

Answer 1

On Windows XP, the background of the bookmarks toolbar is normally either a shade of cream, or silverish if using the Windows Classic theme. Open the Tools menu and cull Add-ons, then Appearance. Make sure you're using the default theme.

Installing a custom theme is the easiest way to modify Firefox's appearance.

https://addons.mozilla.org/firefox/themes/

Changing the color of the bookmarks toolbar and nothing else requires a user style.

Install Stylish and restart Firefox when prompted.
- https://addons.mozilla.org/firefox/addon/stylish/
Click the ≡ Card Button and choose Add together-ons.
In the Add together-ons Manager, click User Styles on the left.
Click the Write New Style push at the top. Paste the following in the text box, give the fashion a name, then click the Save push button.

For more color options, run across HTML color names | W3schools

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/in that location.is.only.xul);  #PersonalToolbar { groundwork: black !important; } #PersonalToolbar .toolbarbutton-text { color: white !important; }

If you don't want to install an add-on, you tin can employ the userChrome.css file instead, but I don't recommend it.

http://kb.mozillazine.org/UserChrome.css

On Windows XP, the groundwork of the bookmarks toolbar is normally either a shade of cream, or silver if using the Windows Classic theme. Open the Tools bill of fare and cull Add-ons, then Appearance. Make sure you lot're using the default theme. Installing a custom theme is the easiest manner to change Firefox'south appearance. * https://addons.mozilla.org/firefox/themes/ Changing the color of the bookmarks toolbar and naught else requires a user way. # Install Fashionable and restart Firefox when prompted. #* https://addons.mozilla.org/firefox/addon/stylish/ # Click the ≡ Menu Button and cull Add-ons. # In the Add-ons Manager, click User Styles on the left. # Click the Write New Manner push button at the superlative. Paste the following in the text box, requite the way a name, and then click the Save push. * For more colour options, see [http://www.w3schools.com/HTML/html_colornames.asp HTML color names | W3schools] ---- <pre><nowiki> @namespace url(http://www.mozilla.org/keymaster/gatekeeper/at that place.is.only.xul); #PersonalToolbar { background: black !of import; } #PersonalToolbar .toolbarbutton-text { color: white !important; } </nowiki></pre> ---- If y'all don't desire to install an improver, you tin can use the ''userChrome.css'' file instead, but I don't recommend it. * http://kb.mozillazine.org/UserChrome.css

Answer 2

I recollect I followed all your instructions but information technology hasn't made any difference.

I tried to attach a copy of what my Firefox screen looks like, just it this reply doesn't seem to allow me to upload a PDF.

Whatever further suggestions please?

I recollect I followed all your instructions just it hasn't made any difference. I tried to attach a copy of what my Firefox screen looks similar, merely it this reply doesn't seem to let me to upload a PDF. Any further suggestions please?

Answer 3

Fastened is the screenshot.

Only to echo it is the very dark groundwork right at the tiptop of the screen that I want to modify then that I can meet the bookmarks much more easily.

Attached is the screenshot. Just to echo it is the very nighttime background right at the peak of the screen that I desire to modify so that I can see the bookmarks much more hands.

Answer 4

Chosen Solution

That's actually the Carte Bar, where you've placed the Bookmarks Toolbar Items element. The simplest affair to exercise is to enable the Title Bar: right-click an empty area of the tab bar and choose Customize, then click the Title Bar push button in the lower left corner.

Installing a theme (AKA lightweight theme, persona) is another unproblematic option.

https://addons.mozilla.org/firefox/themes/solid

If you still want to go the user mode road, choose either mode below.

The start will only change the text color for the Bookmarks Toolbar Items chemical element so that it matches the menu bar text color.
The 2d affects the whole menu bar and the tab bar. I don't call back the latter looks that adept because it also affects the pinnacle window border and the Minimize/Maximize/Close buttons remain blue.

Install Fashionable and restart Firefox when prompted.
- https://addons.mozilla.org/firefox/addon/stylish/
Click the ≡ Menu Push button and choose Add together-ons.
In the Add-ons Manager, click User Styles on the left.
Click the Write New Fashion button at the top. Paste the following in the text box, give the fashion a proper name, then click the Save push.

@namespace url(http://world wide web.mozilla.org/keymaster/gatekeeper/there.is.just.xul);  #toolbar-menubar .toolbarbutton-text { color: rgb(216,228,248) !important; }

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);  #navigator-toolbox {   background-colour: rgb(236, 233, 216) !important;   groundwork-image: linear-gradient(to height, rgba(ten, 31, 51, 0.35) 2px, rgba(0, 0, 0, 0.05) 2px, transparent 50%) !of import; }  .menubar-text, #toolbar-menubar .toolbarbutton-text, .tabbrowser-tab .tab-label {   color: black !important; }  #primary-menubar menu:hover .menubar-text {   color: white !of import; }

If you don't desire to install an add together-on, you lot can utilise the userChrome.css file instead, just I don't recommend it.

http://kb.mozillazine.org/UserChrome.css

That's actually the Menu Bar, where you've placed the Bookmarks Toolbar Items element. The simplest thing to practise is to enable the Title Bar: correct-click an empty area of the tab bar and choose Customize, then click the Championship Bar push button in the lower left corner. Installing a theme (AKA lightweight theme, persona) is another elementary option. * https://addons.mozilla.org/firefox/themes/solid If you however want to go the user style route, choose either mode below. * The get-go will only change the text colour for the Bookmarks Toolbar Items chemical element so that it matches the menu bar text color. * The second affects the whole menu bar and the tab bar. I don't think the latter looks that good because it also affects the superlative window border and the Minimize/Maximize/Close buttons remain bluish. # Install Stylish and restart Firefox when prompted. #* https://addons.mozilla.org/firefox/addon/fashionable/ # Click the ≡ Menu Button and choose Add together-ons. # In the Add-ons Managing director, click User Styles on the left. # Click the Write New Fashion push at the top. Paste the following in the text box, requite the style a name, and so click the Save button. ---- <pre><nowiki> @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.merely.xul); #toolbar-menubar .toolbarbutton-text { colour: rgb(216,228,248) !important; } </nowiki></pre> ---- <pre><nowiki> @namespace url(http://www.mozilla.org/keymaster/gatekeeper/at that place.is.only.xul); #navigator-toolbox { groundwork-color: rgb(236, 233, 216) !important; background-image: linear-gradient(to superlative, rgba(10, 31, 51, 0.35) 2px, rgba(0, 0, 0, 0.05) 2px, transparent 50%) !important; } .menubar-text, #toolbar-menubar .toolbarbutton-text, .tabbrowser-tab .tab-characterization { colour: blackness !important; } #master-menubar carte:hover .menubar-text { color: white !important; } </nowiki></pre> ---- If you lot don't desire to install an add-on, you tin can use the ''userChrome.css'' file instead, but I don't recommend it. * http://kb.mozillazine.org/UserChrome.css