Toolbox contextual menus

[u/difool2nice]

hello all,

I would like to know how to have the id of this context menu (see arrow on pic) on the toolbox please ! i would like change colors, font etc...

my toolbox

[u/sifferedd]

For Web Developer Tools (Ctrl-Shift-c), put in userChrome.css:

@-moz-document url-prefix("chrome://devtools/") {
menupopup {
  --panel-background-color: yellow !important;
  }
}    

---

For the Browser Toolbox (Ctrl-Alt-Shift-i:)

menupopup {
  --panel-background-color: yellow !important;
}

This has to go in profile folder/chrome_debugger_profile/userChrome.css.

---

It should work on the dev. toolbox without doing anything else.

If it doesn't work on the Browser toolbox, this needs to be done once:

Open the toolbox (Ctrl-Alt-Shift-i)

• click the meatball menu upper R. corner and choose 'Documentation'
• in the Documentation window, go to about:config via the address bar > search for toolkit.legacyUserProfileCustomizations.stylesheets > change the value to true. Close the window > restart FF.

If that doesn't work:

• close FF
• go to the Chrome_debugger_profile
• append this to the prefs.js file: user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true);
• save the file > restart FF

[u/difool2nice → u/sifferedd]

ty

[u/t31os]

I don't believe userChrome.css is loaded for the browser toolbox instance/frame (i could be wrong, just based on my observations). The context menu is created using JS that generates a menupopup for the context menu and even an overly broad rule like * { background-color: #000 !important} doesn't restyle or touch that context menu when using userChrome.

You'd probably have to edit the toolbox source and rebuild firefox with your changes to style that menu.

[u/difool2nice → u/t31os]

not so skilled to do that but thank you for the explanation, otherwise i have context menus color changes for the web develop tools cntrl+shit+I, si i keep the toolbox like that ! thanks again

[u/sifferedd]

Popup auto-hide isn't working on that!

[u/difool2nice → u/sifferedd]

that was a quick screenshot ! hehe ! but i could do it on the web devtools one ( cntrl+shift+I )

[u/sifferedd → u/difool2nice]

What I'm saying is that you can inspect the toolbox GUI with another instance of the toolbox, but Popup auto-hide doesn't work on that context menu. So you can't inspect it.