How to Enable New “Proton” Firefox UI (Menu, Tabs, and more)

Good news coming for Firefox users, Remember Proton? It’s a new user interface for the Firefox browser. The first build of Proton was released back with Firefox v57. Mozilla is now working on updating the browser appearance and if everything goes well users will be able to try the Firefox new UI in 2021 with Firefox v89.

With Firefox proton, Mozilla will bring a modern appearance and nifty features like Tab Grouping, Vertical Tabs, and even more modern features that other popular browsers like Microsoft Edge and Google Chrome already have.

Enable New “Proton” Firefox UI refresh

In case, you can’t wait to try how Firefox Proton UI looks like, then here’s how you can enable it Firefox Nightly.

The good news is that it is possible to enable Firefox Proton UI refresh in the Nightly. Here’s goes the steps:

Launch Firefox Nightly and type about:config and hit enter.

Here, click on Accept the risk and continue button

Enable New "Proton" Firefox UI refresh

Next, on the Advanced preference page, type browser.proton.enabled, and when the same parameter appears in search results, double-click to set its value to True.

You can also use toggle button to set it value to True or False.

Restart your browser to apply the changes.

Just like you enabled Proton UI, there are various parameters available in the Advanced preferences page using which you can enable different elements of the browser which includes:

  • Proton App menu
  • Proton Context menu
  • Proton Tabs
  • Proton Toolbar
  • Proton URLbar

Following steps are common for all parameter

In Firefox Nightly, you need to visit about:config and hit enter.

On the Advanced Preferences page, you need to click on Accept the Risk and Continue button.

Enable Proton Tooltip for Tabs and Bookmarks In Firefox

In the Search box, you need to copy-paste browser.proton.places-tooltip.enabled, select Boolean and then click Add (+) icon on the right side.

firefox proton tooltip

Make sure, this parameter is set to True.

Enable Proton App menu in Firefox

In the Search box, you need to copy-paste browser.proton.appmenu.enabled, select Boolean and then click Add (+) icon on the right side.

Enable Proton App menu in Firefox

Make sure, this parameter is set to True.

proton tooltip

Behind this switch, the new tooltips for tabs and bookmarks are implemented.

Enable Proton App menu in Firefox

Behind this switch, the new menus such as the main menu or the menus of other buttons are implemented.

Enable Proton Context menu in Firefox

In the Search box, you need to copy-paste browser.proton.contextmenus.enabled, select Boolean and then click Add (+) icon on the right side.

Enable Proton Context menu in Firefox

Make sure, this parameter is set to True.

Enable Proton Context menu in Firefox

Behind this switch, the new context menu design for Windows 10 is implemented.

Enable Proton Tabs in Firefox

In the Search box, you need to copy-paste browser.proton.tabs.enabled, select Boolean and then click Add (+) icon on the right side.

Enable Proton Tabs in Firefox

Make sure, this parameter is set to True.

Enable Proton Tabs in Firefox

 The new tabs are implemented behind this switch.

Enable Proton Toolbar in Firefox

In the Search box, you need to copy-paste browser.proton.toolbar.enabled, select Boolean and then click Add (+) icon on the right side.

Enable Proton Toolbar in Firefox

Make sure, this parameter is set to True.

Enable Proton Context menu in Firefox

Behind this switch, the navigation toolbar design is implemented.

Enable Proton URLbar in Firefox

In the Search box, you need to copy-paste browser.proton.urlbar.enabled, select Boolean and then click Add (+) icon on the right side.

Enable Proton URLbar in Firefox

Make sure, this parameter is set to True.

Enable Proton Toolbar in Firefox

Changes to the address bar are implemented behind this switch.

How to Enable Proton New Tab Page In Firefox

In the Search preference name box, you need to paste “browser.newtabpage.activity-stream.newNewtabExperience.enabled“, when it appears in search results, set it Value to True.

Enable Proton New Tab Page in Firefox

At last, restart Firefox to apply the changes. Doing this will add Personalize button on the upper-right side of the browser.

Clicking the Personalize button will open a menu where you will find various settings to customize Proton New Tab Page. Here’s how the Personalize New Tab menu will look like:

personalize new tab page in firefox proton

Mozilla developers have already started a bug where users can regularly track what changes the browser user interface will get.

So what are your thoughts about Firefox Proton refresh? Are you excited to hand-on Firefox Modern UI? We would like to hear from you.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.