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.

  • What exactly are you trying to accomplish here? It's just a bunch of CSS after all. – Daniel B Jun 22 '14 at 11:26
  • 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 Jun 22 '14 at 11:59

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.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.