*note the capitalisation so it should be ~/.mozilla/firefox/profile.default/chrome/userChrome.css replace profile.default with your unique profile name.
In the ~/.mozilla/firefox/ directory there is a profile folder it will have a unique name ending in .default like 2gnf23dk.default -- in that folder you need to make a "chrome" folder (if it doesn't exist) and inside that a file named userChrome.css (not the capitalisation) with the code I posted. Save and restart firefox
Launcher now works, and TESB sidebar colour changes (the corners don't however...) Now I just need to fix up the breadcrumbs and add the right sided metacity.
Ah I just tested with gnome-panel... Whoops. the ./ works with Cardapio, but not with the panel menu. So long since I used the panel.
I'm not sure what to do about TESB sidebar colour because it uses a pixmap for the curved part, so there is no way to match the colour to it. I'll change it anyway. There's still some tweaking to do regarding changing the colours. I need to fix the breadcrumbs as well.
If you notice anything else be sure to point it out! Thanks