How can I customize the developer tools in Firefox Developer Edition?
Hi guys, I'm changing from Chrome to Firefox Developer Edition, and I need to change the style of developer tools, background color, highlight color, font size, and line-height...
I want to modify the theme like the Material Theme in Google Chrome.
Thanks in advance!
Hi guys, I'm changing from Chrome to Firefox Developer Edition, and I need to change the style of developer tools, background color, highlight color, font size, and line-height...
I want to modify the theme like the Material Theme in Google Chrome.
Thanks in advance!
All Replies (3)
See:
- https://searchfox.org/mozilla-release/source/devtools/client/themes/
- https://searchfox.org/mozilla-release/source/devtools/client/themes/light-theme.css
- https://searchfox.org/mozilla-release/source/devtools/client/themes/dark-theme.css
Note that you need to use the !important; flag to override existing rules.
cor-el said
See: Note that you need to use the !important; flag to override existing rules.
Thanks for your answer, but... I'm really a newbie with firefox, and I need some instructions... I use Ubuntu, and I can't find .css files in my firefox's folder. And what I do with these links that you send to me?
cor-el said
See: Note that you need to use the !important; flag to override existing rules.
Thanks for your answer, but I have some problems. I can't find the .css files in my firefox folder, I don't know where they are(I use Ubuntu).