We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

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

Èròjà atẹ̀lélànà yii ni a ti fi pamọ́ fọ́jọ́ pípẹ́. Jọ̀wọ́ béèrè ìbéèrè titun bí o bá nílò ìrànwọ́.

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

  • 1 èsì
  • 1 ní ìṣòro yìí
  • 14 views
  • Èsì tí ó kẹ́hìn lọ́wọ́ armandoammar

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