[Dark Theme] Make Mozilla Firefox Look-Like Microsoft Edge Web Browser
We know that Microsoft's latest OS Windows 10 comes with a new web browser which is called "Microsoft Edge" (previously known as Project Spartan). Microsoft Edge browser is actually a modern (metro) app which has been developed to provide better compatibility, better performance and better support for modern web standards.
Apart from many new and advanced features, Microsoft Edge browser also comes with an awesome dark theme which can be enabled using its settings page. The browser looks very stylish in the dark theme as shown in following screenshot:
If you like the dark theme of Edge browser and want to enjoy similar UI in Mozilla Firefox web browser, this topic will definitely please you
Today in this article, we are going to share a small piece of CSS code which will make your Firefox web browser look-like Microsoft Edge web browser. With the help of this CSS code, you'll be able to transform Firefox into Edge web browser.
Following screenshot shows Mozilla Firefox with Edge dark theme in action:
If you are ready to bring Microsoft Edge browser's UI to Mozilla Firefox, check out following simple steps:
NOTE: The CSS code will work fine in Firefox Stable, Beta, Nightly and Developer editions.
First of all download the required CSS code from following link. Big thanks to Wellkins at Deviantart for sharing the code:
You'll find the download button at the top in right sidebar at above mentioned link.
After downloading the RAR file, extract it with 7-Zip or WinRAR and you'll get the required CSS code in a TXT file present in "Main Theme" folder.
Now you need to apply the CSS code in Mozilla Firefox. You can apply the CSS code using any of following 2 methods:
You can apply the CSS code easily using Stylish extension. Just install Stylish extension, copy CSS code from TXT file present in "Main Theme" folder and paste the code using "Write new style -> Blank style" option from Stylish menu.
You can download and learn more about Stylish from following topic:
You can also apply the CSS code without installing any extension. Just copy CSS code from TXT file present in "Main Theme" folder and paste the code in "userChrome.css" file in your Firefox profile folder.
To know more about userChrome.css file and its location, check out Steps 1 and 2 in following tutorial:
Once you apply the CSS code, you'll immediately get the awesome dark theme of Microsoft Edge web browser in Mozilla Firefox.
If you want to move the Home, Stop and Reload buttons before the address bar in Firefox similar to Microsoft Edge browser, you can install Buttons Back extension:
And if you want to combine addressbar and search bar in Firefox similar to Microsoft Edge browser, you can try Omnibar extension:
Other similar articles that may interest you
- Windows 8 Allows You to Change Custom Library Icon
- VistaThumbnailSizer: Freeware to Change Windows Vista Taskbar Thumbnails Size and Animations
- [Solution] Cannot Change Desktop Wallpaper in Windows
- [Tips] Tweak and Customize Windows 8.1 Explorer “This PC”
- [Solution] Windows Vista Data Execution Prevention (DEP) Crashing Mozilla Firefox
- Get Glass CMD (Command Prompt) in Windows XP