Mozilla Edge: Firefox theme that replicates Microsoft Edge

Martin Brinkmann
Oct 6, 2015
Updated • Jul 5, 2017
Firefox, Microsoft Edge
|
14

If you like how Microsoft Edge looks but prefer to use the Firefox browser, then you may be able to get the best of both worlds by installing the third-party Mozilla Edge theme in Firefox.

I don't particularly like the looks of Microsoft Edge as I think it is too minimalist not only in functionality but also in design.

But, tastes differ and there are certainly users out there who prefer Edge's design over that of other browsers.

If you are one of them, you may be able to turn Firefox into a Microsoft Edge copy without sacrificing functionality in the process.

Before we take a look at the process, I'd like to show you a screenshot of how the fully converted Firefox looks like after you have made the changes to the browser.

The process has two prerequisites:

  1. You need to install the Stylish add-on in the Firefox web browser which you use to add instructions for the theme to Firefox.
  2. And you need to install Buttons Back, a Firefox add-on that moves the stop/reload and home buttons back to the start of the address bar.

Download the theme from Deviant Art once you have installed the two add-ons in Firefox and restarted the browser. Extract it afterwards on your system and open the folder afterwards.

Open the Main Theme folder and load the text file located in it in a plain text editor. Use Ctrl-a to highlight everything and Ctrl-c to copy the contents to the clipboard.

Switch to Firefox afterwards, load about:addons in the address bar and hit enter. Switch to the user styles sidebar entry and select "write new style" from the top.

Enter a name for the new style and paste all contents into the editor afterwards using Ctrl-v. Click the save button in the end to complete the process.

You should see the changes immediately as the style information are picked up by Firefox automatically when you hit the save button.

If everything went well Firefox should now look a lot more like Microsoft Edge. This not only includes colors and the general layout of the browser but also the menu which looks more like Edge's menu when you open it as you can see on the screenshot above.

I have not tested this under older versions of Windows or other operating systems but I see no reason why the theme should not work in those versions as well.

You can undo all changes at any time by disabling or removing the Edge style again from the Firefox browser in the add-ons manager.

Now You: Are you using a custom theme in Firefox?

Summary
Mozilla Edge: Firefox theme that replicates Microsoft Edge
Article Name
Mozilla Edge: Firefox theme that replicates Microsoft Edge
Description
Find out how to turn Mozilla Firefox into a Microsoft Edge lookalike by installing a custom theme in the browser.
Author
Publisher
Ghacks Technology News
Logo
Advertisement

Tutorials & Tips


Previous Post: «
Next Post: «

Comments

  1. Wellkins said on December 23, 2015 at 6:34 am
    Reply

    It happens that I am the author of this theme. Indeed, the “flat design” isn’t appreciated by everyone, but many find that it gives a more “modern” look to the browser. Anyway, it’s just a matter of taste.

    However, the screenshot used here to illustrate the theme is really awful and not representative at all of what the theme actually looks. Here’s a real screenshot of it in action : http://imgur.com/IUezeqO

    For people interested by the theme, you are invited to try the latest version available on the following DeviantART page :
    http://wellkins.deviantart.com/art/MOZILLA-EDGE-for-Firefox-563067693

  2. Hans said on October 7, 2015 at 2:08 pm
    Reply

    Cool, does it come with Windows 10’s subpar font rendering too?

  3. marc klink said on October 7, 2015 at 11:59 am
    Reply

    Who but pinheads will use this? The MS fanboys will want to use the real thing, though it has little of the utility of Firefox, and the rest will wonder why something so ugly should be applied to the browser which has a more logical and attractive layout by default.

  4. Jupster said on October 7, 2015 at 2:36 am
    Reply

    I quite like Edge’s minimal design. However, the big problem for me with it is that its rather chunky.

    I think a comparison with most other browsers default UI would show that it takes up more screen real-estate.

    If they had a ‘thin’ it might look better.

    1. Doc said on October 7, 2015 at 6:20 pm
      Reply

      Microsoft’s UI design is moving towards “large, touch-friendly buttons et al.” – which is ludicrous if you’re on a desktop machine.

  5. David said on October 6, 2015 at 2:21 pm
    Reply

    What happened to that Windows 8 touch-version of Firefox? Did anyone adopt it and keep it up to date?

    1. Rick said on October 6, 2015 at 6:32 pm
      Reply

      Officially died on the vine on March 14, 2014 and I haven’t seen anyone pick it up to continue its development.

  6. iarno said on October 6, 2015 at 1:52 pm
    Reply

    I like this theme, though I’ve made some modifications which could be useful :
    Suppress the pixel above tabs which prevents quick close using middle mouse and easy grabbing of tabs :
    #TabsToolbar .tabbrowser-tabs {
    […]
    margin-top: -2px !important;
    […]
    }

    Remove the “Mozilla Edge” in about:newtab by commenting out the “background: url” section in @-moz-document url(“about:blank”), url(“about:newtab”).

    Otherwise, great find.

  7. Bakbakaun said on October 6, 2015 at 1:34 pm
    Reply

    You steal this from techdows website without giving proper credit. Cheater

    1. rod said on October 7, 2015 at 2:45 am
      Reply

      > You steal this from techdows website without giving proper credit. Cheater

      Evidence ???

      Dickhead!

    2. Jeff said on October 6, 2015 at 9:07 pm
      Reply

      I have 15 or 20 tech sites on my daily list. I see many of the same stories on most if not all of them every day. It is very common to see the same sites reporting the same things.

      In this case, your accusation (or troll) is ludicrous, as Martin’s article is clearly written differently and in his own style. You’d know this if you a) read both articles, or b) knew Martin’s style. Accusations of stealing usually mean plagiarism — which obviously didn’t happen here. The first site to report something doesn’t have sole rights to it after that.

    3. Rick said on October 6, 2015 at 6:05 pm
      Reply

      I can say that even they weren’t the first site to post an article on the skin.

      Consider an example of a news story … ‘house burns down’.

      Three reporting crews working for different TV stations go out to the scene for interviews / capture video footage etc.

      They race back to the studio (or the back of their van), put together the story and eventually it hits the say TV stations website.

      Crew one’s story gets posted first; followed by crew two and then three.

      By your logic, crew two and three have ‘stolen’ crew one’s work!!!

      UGGG

    4. Martin Brinkmann said on October 6, 2015 at 5:38 pm
      Reply

      No I did not. If you accuse me of “stealing” prove it, if not keep quiet and stop throwing accusations around.

  8. Tom Hawack said on October 6, 2015 at 12:16 pm
    Reply

    For Edge fans, or at least for Edge’s design fans the dedicated theme will of course be welcomed.
    Since pluralism is a matter of respect hence includes my preferences I’ll state them here : I dislike themes in general and prefer to bake my bread my way. I happen to use a theme (whatever application) if either there is no way to make my own or if I discover one which corresponds exactly to what I like, aesthetically speaking (even if sometimes functionality may change with a theme).

    Concerning Edge, more globally the minimalism fashion, I dislike it. Another close topic would be to try to understand what is culture related to explain these swifts from 3d to flat, from detailed to minimalism, from extravagance to thrift. No idea if there is even a correlation. But I do believe that there is something in fashion that motivates many of us to mistake what we really like with what we believe we like and that this is the basis of manipulation… other topic. I’m not saying that lovers of minimalism (or of whatever else) are indoctrinated! Only that some of us may be!

    Back to the article. I make my own themes, skins whenever possible. For a browser such as Firefox together with a css editor such as Stylish almost everything of the browser’s interface can be personalized. Done.

Leave a Reply

Check the box to consent to your data being stored in line with the guidelines set out in our privacy policy

We love comments and welcome thoughtful and civilized discussion. Rudeness and personal attacks will not be tolerated. Please stay on-topic.
Please note that your comment may not appear immediately after you post it.