Configure Firefox for developers

Question

As the name says, I would like to know if it is possible to change the color theme of the Firefox Developer tools. A light and dark theme is good, but I would like to use a code color theme like Monokai or something like that, how can I do this?

Below you can see the current dark theme in dev tools:

[

Answer 1

I found the answer to this in the Mozilla support forum , and basically you need to change the CSS style by creating an overriding chrome style sheet.

userChrome.css . ! Important .

https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#The_!important_exception

userChrome.css( ) userContent.css(-) chrome Firefox.

http://kb.mozillazine.org/Editing_configuration

Answer 2

(), Add-on, gDevTools.registerTheme(themeDefinition), .