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

How to install Material Design interface into Firefox Picture 1

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.

How to install Material Design interface into Firefox Picture 2

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.

How to install Material Design interface into Firefox Picture 3

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

How to install Material Design interface into Firefox Picture 4

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.

How to install Material Design interface into Firefox Picture 5

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.

How to install Material Design interface into Firefox Picture 6

Step 5:

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

How to install Material Design interface into Firefox Picture 7

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

How to install Material Design interface into Firefox Picture 8

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

How to install Material Design interface into Firefox Picture 9

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.

How to install Material Design interface into Firefox Picture 10

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.

How to install Material Design interface into Firefox Picture 11

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!