How to install Material Design interface into Firefox

Material Design is the latest interface on Chrome 69 and will be updated in the future. Material Design will change the tab edges, address bar, . to rounded style, creating a more modern and aesthetic design. Currently, if you use Chrome 68, you can also install the Material Design interface in your browser. And if you want, users can completely bring Material Design to Firefox with a very simple way. The following article will guide you how to install Material Design interface on Firefox.

1. How to customize Facebook and Google interface with Stylish utility
2. How to customize Firefox's new interface Quantum
3. Tips for using Firefox Quantum

Instructions for installing Material Design in Firefox

Step 1:

You download the MaterialFox interface package under the link below. Click on Clone or download and select Next Download ZIP .

1. https://github.com/muckSponge/MaterialFox

Step 2:

Users proceed to unzip the downloaded Zip file to the computer and will be MaterialFox-master folder. Inside the folder there will be the only chrome folder containing the interface changes for Firefox.

Step 3:

We keep the interface to open the chrome folder and enter the address % appdata% MozillaFirefoxProfiles into the address bar on File Explorer to access. Here the user will see that there is only one xxxxxxx.default folder with x characters that will change on different computers.

Now copy the chrome folder of MaterialFox-master above into the xxxxxxx.default folder.

Step 4:

Open the Firefox browser and see the first basic change that is next to the tabs and address bar rounded up according to the Material Design interface. But New Tab button, tab, menu button are blurry so you need to continue editing according to the steps below.

User enters about: config in the address bar on Firefox browser. Switch to the new interface click on the button I accept the risk! to agree to access the configuration page on Firefox.

Step 5:

In the search bar in the new interface, users enter the keyword svg.context-properties.content.enabled and then press Enter.

Then we will see the value by default is false as shown below.

Please double-click the svg.context-properties.content.enabled value to convert from false to true .

Restarting Firefox browser users will see the Material Design interface is fully applied on the Firefox interface. Tab has no black, menu button, New Tab button has no longer been corrupted as before. The New Tab button position is still on the right but not on the left.

In case the user wants to return to the original interface on the Firefox browser, just delete the chrome folder in Firefox's xxxxxxx.default folder.

With the MaterialFox tool combined with changing the configuration on Firefox, we installed the Material Design interface into Firefox easily and very simply. You don't need to install an add-on utility but still get the Material Design interface, with New Tab button, menu button and complete tab.

See more:

1. How to use Firefox Color to customize the Firefox interface
2. The easiest way to speed up Firefox
3. How to bring download status bar on Chrome into Firefox

I wish you all success!