Bring the beautiful Material interface of Google Chrome to … Firefox

How to bring the entire Google Chrome Material interface to … Firefox.

As reported, Google will officially update and activate the new Material interface for the upcoming version of Google Chrome 69. In general, the browser tab and address bar will be changed the most.

Specifically, the new tab will have a rectangle with rounded corners instead of the current trapezoid shape. The address bar section is also edited. Currently the address bar has the same circle as on Android. The auto-complete drop down menu is now a box instead of an extension bar. To the left of the address bar is the new account button for Chrome Sync, which displays your Google avatar instead of the account name.

If you feel quite interested in this new interface of Google Chrome, but prefer using Firefox when browsing, this article will give you a hint, that is to use the Google Chrome Material interface for … Firefox. Specifically how to do the following.

Step 1: Access to this address ( and download Google Chrome’s Material Interface ZIP package modified by muckSponge to use for Firefox called MaterialFox. Specifically click Clone or download> Download ZIP.

Step 2: Update Firefox to the latest version.

Step 3: Extract the ZIP file of the MaterialFox interface that you downloaded above somewhere in the hard drive, we will get a folder called “MaterialFox-master”.

Step 4: Copy and paste the path “%Appdata%MozillaFirefoxProfiles” into the access address of File Explorer and press the ENTER key to access the local data page of Firefox on the computer.

At that point, you’ll see a folder with a “.default” extension, double click on it.

Step 5: Proceed to drag the “chrome” folder in MaterialFox-master into the directory with the extension “.default”.

Let the folder “chrome” at the same place with other folders.

Step 6: Now turn off and restart Firefox.

Please enter the command “about: config” into the browser address bar and press the Enter key to access the Firefox configuration page. Then, check “I accept the risk!” to agree with the alerts given by the browser.

Step 7: Once you have accessed the hidden configuration page, enter the keyword phrase “svg.context-properties.content.enabled” in the search box and double-click on the results displayed below.

When you see the value of “svg.context-properties.content.enabled” the word “false” is converted to “true”, you just need to turn off Firefox and restart to check the results.

Hopefully the article will make you satisfied.