![firefox developer edition tutorial firefox developer edition tutorial](https://static.html.it/app/uploads/2016/02/06_bezier.jpg)
Enable the option and it’ll immediately apply Light developer edition theme in Firefox window.Ħ. Click on Settings icon (gear icon) in Developer Tools toolbar and you’ll see a new option “ Use Developer Edition browser theme“.ĥ. Now press F12 key and it’ll show Developer Tools toolbar at bottom.Ĥ. Double-click on preference and it’ll change its value to true.ģ.
![firefox developer edition tutorial firefox developer edition tutorial](https://www.compsmag.com/wp-content/uploads/2021/02/1613259558_387_Firefox-Developer-Edition-Tips-and-Tutorial.jpg)
Open about:config again and type theme in Search filter box.Ģ. So just follow these steps to add the direct option to activate developer edition themes in Firefox:ġ. With the help of Developer Tools (F12) you’ll also be able to switch between Dark and Light themes instantly. So you’ll need to just check or uncheck the option to switch between developer edition themes and default Firefox theme. If you want to switch between Dark, Light and default Firefox theme frequently and don’t want to use about:config page every time you want to make the switch, here is a way to make the task easier.įollowing steps will add a new option in Firefox Developer Tools (F12) to enable or disable Dark and Light themes in Firefox. PS: If you restore Firefox customization settings using Firefox Menu button -> Customize -> Restore Defaults option, it’ll also restore default Firefox theme. If you want to deactivate or disable Dark and Light developer edition themes, again double-click on to change its value to false and it’ll apply default Firefox theme. So you can switch between Dark and Light themes by changing value of devtools.theme to dark or light respectively.ĥ. It’ll immediately change Firefox theme to Dark developer edition theme. Now if you want to activate Dark theme, double-click on devtools.theme preference and change its value to dark It’ll immediately activate the Light theme in Firefox.Ĥ.
![firefox developer edition tutorial firefox developer edition tutorial](https://www.compsmag.com/wp-content/uploads/2021/02/1613259558_442_Firefox-Developer-Edition-Tips-and-Tutorial.jpg)
Double-click on preference and it’ll change its value to true. Now type theme in Search filter box and it’ll show a few results in the window.ģ. So open Firefox and type about:config in addressbar and press Enter. We’ll need to use Firefox advanced configuration tool “ about:config” to enable these themes. UPDATE: 2 New Themes “Compact Dark” and “Compact Light” Added to Mozilla Firefoxġ. If you are ready to add these 2 hidden themes in Firefox web browser, just follow these simple steps:
![firefox developer edition tutorial firefox developer edition tutorial](https://1.bp.blogspot.com/-5_pYEFLeJn0/WNZBSDPpeRI/AAAAAAAAADg/Iyi5SnM37lc0k78sZ7AD9HHJwOKGH9e3gCLcB/s1600/Mozilla%2BFirefox.png)
So we are going to enable the themes again in Firefox web browser.īefore starting the tutorial, lets take a look at both these themes in action: Developer Edition has been specifically created for web developers to develop and test apps, websites, etc quickly and easily using Firefox.ĭeveloper Edition of Firefox comes with these 2 themes already enabled but Mozilla has disabled these themes in other versions of Firefox. Its a new version of Firefox similar to Beta, Aurora and Nightly. Yesterday night I found these themes already enabled in Themes section of latest Nightly build and a little bit investigation in about:config page helped me in bringing these themes to stable version of Firefox.Īctually these themes are a part of Mozilla Firefox Developer Edition. We are just going to use a simple way to activate these hidden themes.
FIREFOX DEVELOPER EDITION TUTORIAL INSTALL
So we are not going to install any 3rd party theme or add-on. People who love minimal user interface, will definitely enjoy the Light theme and people who prefer dark or black themes, will find the Dark theme of Firefox awesome.īoth of these themes are built-in and come preinstalled with Mozilla Firefox newer versions. This tutorial will help you in enabling and activating 2 hidden secret themes in Mozilla Firefox web browser: