Menu
I recently updated to Firefox 49 and I don't like the new color scheme (green and grey) introduced for the DevTools.
Can anybody tell me how to switch to the old DevTools theme (dark , orange , blue)?
759
Firefox Developer Tools 1 The Core Tools. You can open the Firefox Developer Tools from the menu by selecting Tools > Web Developer > Toggle Tools or use the keyboard shortcut Ctrl + Shift ... 2 More Tools. These developer tools are also built into Firefox. ... 3 Connecting the Developer Tools. ...
open your developer tools (Inspektor) and go the settings. Choose "dark theme". Your Firefox Inspector will look like this Theme How are you enjoying Developer Tools (Dark Theme)?
Firefox has two themes for developer tools: dark and light. Both are great, but the options are still limited without a way to personalize them. Now, Firefox uses a combination of XUL and CSS for its UI, which means most of its appearance can be tweaked using just CSS.
The dark theme was designed specifically for the Developer edition of the browser but users could enable it in other versions of Firefox as well. This changed with the release of Firefox 40 as options to enable the developer theme in the browser were removed from it.
You can select a theme for the Firefox DevTools through the settings page. You get to the settings page by clicking on the gear-like icon near the top left (fourth icon in from the left) of the DevTools. It looks like:
If those are not sufficient, you will need to look for an add-on which will provide the theme you desire, write one yourself, or make changes to your userChrome.css file (answer with code changing the position of the DevTools inspector breadcrumbs) with the CSS you desire. For the appropriate CSS classes, you could look in chrome://devtools/skin/dark-theme.css, or one of the other CSS files with DevTools themes.
83
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
