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)?
Asked
Active
Viewed 7,975 times
1 Answers
34
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.
-
Is there a user.js flag for this? Can't seem to find one. How does Firefox keep track of which devtools theme is selected? – gargoylebident Jun 08 '21 at 04:47
-
Answering my own question it's `devtools.theme` set to `"light"` or `"dark"`. – gargoylebident Jun 08 '21 at 07:42
-
hey Makyen I love your theme it looks like Nord theme... I would love to use it. – jNayden Sep 02 '22 at 13:18