This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

How can I customize the developer tools in Firefox Developer Edition?

more options

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)

more options
more options

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?

more options

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).