Try using this:

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

}

the-edmeister said

Try using this: #bookmarks-view, #historyTree { background-color: #DDDDDD !important; }

sadly that does not change its color it remains the same color as in the picture

That would be this code:

#bookmarksMenuPopup * {
  background-color: #DDDDDD !important;
  color: #333333 !important;
}

(#bookmarks-view *, #historyTree * would be for the sidebar)

Thanks cor-el, that works fine for the menu bar popup. How about the "Show your bookmarks" combo toolbar button?

That would be this selector:

#BMB_bookmarksPopup * { }

Omg thank you bookmarkmenu is fix, Would you know the code to change the popdown menus for (File,Edit,,View,History,Tools,Help) too? and the hover color when in those menus?

and possible the code to change the color that the (File,Edit,View,History,Bookmarks,Tools,Help?) cause that color is only correct when the browser is not the focus.

This should cover all of them:

#menubar-items menu menupopup * {
  background-color: #DDDDDD !important;
  color: #333333 !important;
}

Oh my thank you

#navigator-toolbox {
  background-color: #333333 !important;

}

.menubar-text,
#toolbar-menubar .toolbarbutton-text,
.tabbrowser-tab .tab-label {
  color: #333333 !important
}

#main-menubar menu:hover .menubar-text {
  color: black !important;
}
  
#menubar-items menu menupopup * {
  background-color:#333333!important;
  color: white !important;
}

and all the menu pop downs are same color, I just need to change the hover color and the actual color behind the menubar items

Thanks for all your help, I pretty much got all the menu correct color except for 2 spot.

The top parts red circles that part is wrong color (it only show correct color when it not in focus if i go in options or click on windows start bar) is way to change focus color to match the rest?

Also the bottom parts red circle the part where the mouse curse boxing the bookmark would there be code to change that?

And would there be site where i can go to see what code change what?

Thanks again

You can use the DOM Inspector to inspect elements and see what CSS rules are applied.

• DOM Inspector: https://addons.mozilla.org/firefox/addon/dom-inspector-6622/

• https://developer.mozilla.org/DOM_Inspector
• https://developer.mozilla.org/Introduction_to_DOM_Inspector