6

Just as title says, I'd like to know if it's possible to change the color theme of Firefox Developer dev tools. Light and dark theme are nice, but I'd like to use a code color theme like Monokai or something similar, how can I do that?

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

[firefox dark theme screenshot [1]

Gruber
  • 2,196
  • 5
  • 28
  • 50

2 Answers2

3

It's not documented (yet), but you could make an Add-on that uses gDevTools.registerTheme(themeDefinition) to create your own dev tools theme.

groovecoder
  • 1,551
  • 1
  • 17
  • 27
  • 2
    Thank you for your time but actually I found the [answer on the Mozilla support forum](https://support.mozilla.org/en-US/questions/1097887) some days ago, but I totally forgot to close the answer here on SO. – Gruber Dec 17 '15 at 18:25
2

I found the answer to this in the Mozilla support forum and basically you have to modify the css style creating an overriding chrome stylesheet.

You would have to write your own style rules and apply them via userChrome.css or Stylish. Use the !important flag to override existing style rules.

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

The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.

http://kb.mozillazine.org/Editing_configuration

Gruber
  • 2,196
  • 5
  • 28
  • 50