How do I export the 'theme' used in the Firefox native inspector tools?

0

Is there a way to export the light/dark theme of the native inspector tools?

Seems like a simple request, and after trawling the about:config options I can't seem to find anything.

Chris

Posted 2014-06-22T09:49:45.030

Reputation: 133

What exactly are you trying to accomplish here? It's just a bunch of CSS after all. – Daniel B – 2014-06-22T11:26:47.887

Yep exactly, just the CSS would be ideal. My goal state here is to convert that theme back into a Sublime theme so I have a consistent look between Sublime and Firefox – Chris – 2014-06-22T11:59:59.500

Answers

0

Well, what you’re trying to do probably won’t be easy. I’d recommend just using a screenshot and a color picker tool to get the colors. If you really want to go through the trouble of inspecting XUL documents, it’s possible, of course.

You need the DOM Inspector extension installed. With dev tools open, launch the DOM Inspector and inspect the chrome://browser/content/devtools/framework/toolbox.xul chrome document. The document selection is available in the menu bar.

DOM Inspector isn’t very comfortable, but has roughly the same feature-set as the DOM view in the native dev tools.

Daniel B

Posted 2014-06-22T09:49:45.030

Reputation: 40 502