Hintergrundfarben der Menus ändern

Da ich standardmäßig die Lesezeichen links immer geöffnet habe (Strg+B) mich aber der weiße Kasten links doch irgendwie stört, und nicht so recht passt, wüsste ich gerne, wo und wie ich den Hintergrund von selbigen ändern kann, bzw. Hintergrund und Schriftfarbe personalisieren kann.

Zur Verdeutlichung ein Screenshot: [Blockierte Grafik: http://i473.photobucket.com/albums/rr97/rallxy/Unbenannt-5.jpg]

__________
Edit Road-Runner: Verschoben nach Anpassungen

Vom code her würd ich sagen, dass isses, ich probiers gleich mal, wenn nichts mehr kommt vielen Dank!

[Edit] Passt perfekt, vielen Dank hierfür!

Danke, gibts das auch für die Adress- und Suchleiste?

[Edit]
Oder, wie komm ich auf die Feldbezeichnung, dann kann ich es mir selbst suchen, (Thunderbird muss ich mir auch noch in der Richtung anpassen merk ich gerade)?

War perfekt! Sry, dass die Antwort solange gebraucht hat.

Einzig der Suchcontainer bei den Lesezeichen bleibt weiß, DOM-Inspector hab ich, aber wie komm ich auf die Bezeichnungen?
Wurde sicher schon mal gefragt, ich hätte auch gedacht, dass da ein Thread ganz oben festgetackert ist, finde ihn aber nicht :oops:

Das erste Addon sieht mir ganz nützlich aus, ich meinte diese Liste: https://www.camp-firefox.de/forum/viewtopic.php?f=16&t=74241

Irgendwie komm ich nicht klar mit dem DOM-Inspector,

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


.sidebar-placesTreechildren,#sidebar-search-container {
background: black !important;
}


#bookmarks-view-children,#sidebar-search-label {
color: white !important;
}


#nav-bar {
color: white !important;
border: none !important;
background: black !important;
}


#urlbar,
.searchbar-textbox {
color: white !important;
border: none !important;
background-color: black !important
}


#page-proxy-stack,
.searchbar-engine-button {
border: none !important;
background: black !important
}


#urlbar * {
border-color: black !important;
}


#identity-box > hbox {
margin-left: -4px 
}


#ff-fullscreen-button {
display: none !important
}

So sieht meine userChrome.css jetzt aus, das meiste ist auch schön schwarz, nur manches ZU schwarz, die Schrift auf den Buttons, die ich eigentlich mit

#nav-bar {
color: white !important;
border: none !important;
background: black !important;
}

weiß haben wollte, ist genauso schwarz wie der Rest. Wo liegt mein Denkfehler?!

Die Suchleiste ( search-box ?) wird egal was ich eingebe nicht schwarz, sondern bleibt brav weiß, die Sidebar färbt sich auch nicht, vermutlich nennt sich das Ding aber auch einfach nicht #sidebar sondern irgendwie anders #side-bar ?

tab-bar wird es wohl auch geben, nur hab ich keine Ahnung wie es sich nennt, oder wie ich darauf komme, falls jemand Geduld genug hat mit mir, ich bin wiss- und lernbegierig!

[EDIT]
Zur Verdeutlichung nochmal ein Screenshot wie es aussieht:
[Blockierte Grafik: http://i473.photobucket.com/albums/rr97/rallxy/Unbenannt-9.png]

Meine letzten Problemzonen; [Blockierte Grafik: http://i473.photobucket.com/albums/rr97/rallxy/Unbenannt-10.png]

Mein Code;

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


#sidebar-search-container, .sidebar-placesTreechildren {
background: black !important;
}


#sidebar-title {
color: white !important;
background: black !important;
}


#search-box, .compact, .textbox-input-box {
color: white !important;
border-color: black !important;
background: black !important;
}


#bookmarks-view-children, #sidebar-search-label {
color: white !important;
background: black !important;
}


#nav-bar {
color: white !important;
border: none !important;
background: black !important;
}


#nav-bar, .toolbarbutton-text {
color: white !important;
}


#urlbar, .searchbar-textbox {
color: white !important;
border: none !important;
background-color: black !important
}


#urlbar * {
border-color: black !important;
}


.tabbrowser-tab {
color: white !important;
background: black !important;
}


#page-proxy-stack, .searchbar-engine-button {
border: none !important;
background: black !important
}


#identity-box > hbox {
margin-left: -4px 
}


#ff-fullscreen-button {
display: none !important
}

:oops: kann man vermutlich auch noch vereinfachen.. aber ich komm auf die letzten Bezeichnungen nicht?

Ja! Perfekt :)! Ich bin glücklich ;)!

Und das Endprodukt, für alle die sowas ähnliches vielleicht auch mal brauchen und den Code benutzen: [Blockierte Grafik: http://i473.photobucket.com/albums/rr97/rallxy/finally-win.jpg]