This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Èròjà atẹ̀lélànà yii ni a ti fi pamọ́ fọ́jọ́ pípẹ́. Jọ̀wọ́ béèrè ìbéèrè titun bí o bá nílò ìrànwọ́.

How can I change the background of the Bookmarks and History sidebars in Firefox 24?

  • 9 àwọn èsì
  • 5 ní àwọn ìṣòro yìí
  • 1 view
  • Èsì tí ó kẹ́hìn lọ́wọ́ the-edmeister

more options

The default baby blue background of the Bookmarks and History sidebars is too close in color to the gray used for a selected item once I click in the website itself. How can I change it so that there's more contrast?

The default baby blue background of the Bookmarks and History sidebars is too close in color to the gray used for a selected item once I click in the website itself. How can I change it so that there's more contrast?

Ọ̀nà àbáyọ tí a yàn

You're missing a colon after background-color. This works for me, but I think that gold-ish color is burned into my vision now. My tastes aim toward soft colors - I use #DDDDDD for the color background of the Sidebar.

 #bookmarks-view, #historyTree {
  background-color: #CFB53B !important;
} 
Ka ìdáhùn ni ìṣètò kíkà 👍 1

All Replies (9)

more options

Hello,

Please see the answers in the support question here:

https://support.mozilla.org/en-US/questions/948373

I hope that helps. Let me know if not.

more options

I placed a folder called chrome in %APPDATA%\Mozilla\Firefox\Profiles, added a text file called userChrome.css, and inserted the following code in that file:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#bookmarks-view, #historyTree {
  background-color #CFB53B !important;

}

It didn't work. What else am I missing?

more options

I'm following the information found here:

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

That page links to this one which gives more information on the Profile Folder:

http://kb.mozillazine.org/Profile_folder_-_Firefox

For Windows 7 the profile folder should be in the following location:

C:\Users\<Windows login/user name>\AppData\Roaming\Mozilla\Firefox\Profiles\<profile folder>

I think you missed out the 'Roaming' folder.

Please let me know if that doesn't work.

Ti ṣàtúnṣe nípa Ed

more options

You can open the correct folder via Help > Troubleshooting Information -- Profile Folder -->> Show folder .

Once that folder is open, close Firefox, create the \chrome\ folder, and place the userChrome.css file in that folder.

Then you can open Firefox.

Or you can use the ChromEdit Plus extension to automatically create that folder and that file, and allowing you to edit userChrome.css from within Firefox. No need to route thru the bowels of Windows for the proper location, and then manually creating the \chrome\ folder and userChrome.css file.
http://webdesigns.ms11.net/chromeditp.html

more options

After checking Troubleshooting Information, I moved the \chrome\ folder to its new location: C:\Users\<my username>\AppData\Roaming\Mozilla\Firefox\Profiles\v9m6tk59.default\chrome

I was missing the \v9m6tk59.default\ directory in the path before.

I've installed ChromEdit Plus which seems to confirm that I now have it in the right place.

The Bookmarks and History sidebars background remain the same baby blue color as when I started trying to change them. What else are we missing?

more options

Sorry if this is a silly question - have you restarted Firefox?

more options

Ọ̀nà àbáyọ Tí a Yàn

You're missing a colon after background-color. This works for me, but I think that gold-ish color is burned into my vision now. My tastes aim toward soft colors - I use #DDDDDD for the color background of the Sidebar.

 #bookmarks-view, #historyTree {
  background-color: #CFB53B !important;
} 
more options

@EddyC: Not a silly question at all, but I did restart Firefox each time.

@Edmeister: That got it! I may adjust the color to something else, but I wanted to use a color that I knew was distinctive initially.

Thanks to both of you for your help!

more options

Here's a page that I have used to select colors and see the RGB & Hex codes.

http://www.colorschemer.com/online.html