Firefoxcss, customize right click menu (colorize context menu)

gistfile1.txt

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
So you want to colorize your right click menu?

context menu background color
context menu border color (sync border color with background - no ugly border)
text color
hovered item color
last line targets the elements submenus
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

menupopup{
--panel-background: rgba(5, 5, 5, .95) !important;                       
--panel-border-color: rgba(15, 15, 15, 1) !important;                  
--panel-color: white !important;}    
                                                                
menuitem:hover{
background-color: #2A4045 !important;}

menu:where([_moz-menuactive="true"]:not([disabled="true"])), menuitem:where([_moz-menuactive="true"]:not([disabled="true"])) {
background-color: #2A4045 !important;
color: white !important;}

@Achille-Grs Although there is a way to cheat it, i had to make the blurred image on my own in paint.net, if you find a better blurred image and make it 590x660ish youll be good.

this technically gives me a blurred background on extended url bar:

#urlbar[breakout][breakout-extend][open] {
  background-color: transparent !important;
  background-image: url(chrome/urlbar.png) !important;}

Thank you very very much! You are a kind person and you helped me a lot!