How do I customize the background color of the Bookmarks Drop Down Menu?

Question

The drop down bookmark menu is a very light grey and the highlighting is also very light and hard to see. Where in about:config can I change these colors.
Also is there a way to bold certain bookmark items in the bookmark menu?
I'm using ver. 19.02

Answer 1

''bmail wrote:''
I appreciate the amount of time you put into typing up the example and I'm sure the example is great, but again...I have no idea how to use it or where to put it.
You were supposed to install [https://addons.mozilla.org/firefox/addon/stylish/ the Stylish extension]. Once installed, there's a new category in the Add-ons Manager called User Styles. In that category, there's a button labeled Write New Style which opens a window where you can paste or write CSS code; click the Preview button to see what how your style affects the interface or a web page, or the Save button to keep it.
Styles in the userChrome.css file cannot be previewed, and any changes only take effect after restarting Firefox. Since the ChromeEdit Plus extension simply allows you to edit that file, presumably it has the same limitations.
Anyway...
''bmail wrote:''
What code would I need to have all the sub menus be the same background color as the main bookmark menu?
<pre><nowiki>/* Menu bar bookmarks menu background */
#bookmarksMenuPopup hbox {
background: silver !important;
}</nowiki></pre>
Note that you can replace '''silver''' with another named color, or an RGB color value.
* https://developer.mozilla.org/en-US/docs/CSS/color_value
''bmail wrote:''
What code would I use to change the highlight color that you see as your cursor hovers over the menu items?
I wrestled with this one for a while, but I couldn't get it to work, and I gave up due to time constraints. Again, I suggest you head over to the userstyles.org forum and ask there.
* http://forum.userstyles.org
''bmail wrote:''
How do I designate what menu items I want in bold face?
The relevant bit of information is the bookmark or folder name. Note the value of the label attribute in the above example (the stuff between quotation marks); that's how you show the Recently Bookmarked folder in bold text. You can combine several selectors (the stuff before the first { character) into one by separating them with a comma, like so:
<pre><nowiki>#bookmarksMenuPopup menu[label="Some folder"],
#bookmarksMenuPopup menu[label="A different folder"],
#bookmarksMenuPopup menuitem[label="This one's a bookmark"],
#bookmarksMenuPopup menuitem[label="Some other bookmark"],
#bookmarksMenuPopup menu[label="Yet another folder"] {
font-weight: bold !important;
}</nowiki></pre>
You're welcome.