Shop Mobile More Submit  Join Login
MOZILLA EDGE for Firefox by Wellkins MOZILLA EDGE for Firefox by Wellkins



   CURRENT STATE
                                             Work in progress
   CURRENT VERSION                                        1.2.0
   LAST UPDATED
                                               2016-01-19

   SUPPORTED OS                                              Windows 10
   SUPPORTED LANGUAGES                               English, French, Spanish (soon)
   SUPPORTED FIREFOX VERSION                    43.0.X
   SCREENSHOTS GALLERY                                LINK



******************************************************************************************************************************************

      D E S C R I P T I O N

******************************************************************************************************************************************

       This theme aim to reproduce an accurate replica of the popular Microsoft Edge browser for the Firefox browser.
       Through the progress of this project, every UI parts will be changed to reflect this "Flat" design.



******************************************************************************************************************************************

      F E A T U R E S

******************************************************************************************************************************************

      
Here's a non-exhaustive list of the UI parts that are actually affected by the theme (latest version) :
  • Color scheme (Dark)
  • All Firefox icons + 2 bonus icons for "Ublock Origin" and "Stylish" add-ons.
  • Main menu panel
  • Customization panel
  • Edit Bookmark panel
  • Bookmarks menu panel
  • Downloads panel
  • Share panel
  • Forget panel
  • Context menus
  • Subview menus
  • Website Identity panel
  • Notifications popup
  • New Tab page
  • Home page
  • Preferences page
  • Add-ons manager
  • Library
  • Private windows
  • Toolbar behaviors
  • Tabs animations
  • Personal toolbar
  • Lightweight themes (a.k.a "Personas") are fully compatible


       Upcoming features :
  • Spanish language support
  • Sidebar support
  • Dialog windows support
  • Hello panel
  • Light theme

          and probably more



      Star! ADVICE : Don't like the shadow displayed under the context menus and some other popups? You simply need to disable the option "Show shadows under windows" within Windows 10.
                           If it's possible, I will try to find a way to remove them with the proper CSS code.




******************************************************************************************************************************************

      R E Q U I R E M E N T S

******************************************************************************************************************************************

       Before you proceed to the installation of the theme, make sure you meet the following requirements. It's important, otherwise the theme might not work as intended or not work at all.
       You are also invited to read the license terms before downloading.

       Operating system :
  • Windows 10

       Required Firefox Add-ons :

  • Stylish                             LINK
  • Buttons Back                   LINK



****************************************************************************************************************************************** 

      I N S T A L L A T I O N

**********************************************************************************************
********************************************

      The code is too big to be uploaded on userstyles.org (they have a file size limit). It means that the theme can't be automatically installed (for now), so you'll have to do it manually.
      Below are the simplified steps to achieve the installation. You may also want to follow the tutorial on AskVG. Big thanks to Vishal-Gupta.

      1. Select the folder corresponding to the language used within Firefox.
      2. Open the folder named "Main File".
      3. Open the text file included in this folder, then copy the entire contents.
      4. Now open Firerox, then head to the "Add-ons" section (about:addons).
      5. Select "User Styles" in the left menu.
      6. You will see a boutton named "Create New Style". Click on it.
      7. Paste the text previously copied in this window.
      8. Click the "Preview" button at the top of the window. If you see the theme, you have succeeded! Otherwise, restart from step no. 4.
      9. Click the "Save" button and close the tab.



******************************************************************************************************************************************

      U P D A T E S

******************************************************************************************************************************************

      Please keep in mind that the theme is a work in progress. It's not a finished product and it might contain some display bugs.

      The file will be frequently updated through this page. Make sure to come back from time to time to update the theme.
      If you want to receive a notification when a new version is available, just click on the "Watch" button placed just after the preview picture.

      NOTE : Before updating Mozilla Edge, don't forget to disable or delete the old version in your Stylish menu.



******************************************************************************************************************************************

      C O M P A T I B I L I T Y

******************************************************************************************************************************************
  • The theme might be incompatible with other Stylish theme / Add-ons that modify Firefox's interface.
  • From the build 1.0.0, only the Stable channel is compatible.
  • This theme is designed for Windows 10 only. It'll probably work on older OS version, but you should expect some additional bugs, plus the fact that it won't fit very well with the rest of the system, for instance, in Windows 7. I won't give any support for these older OS and won't fix the bugs related to the use of these.



******************************************************************************************************************************************

      C R E D I T S  /  L I C E N S I N G

******************************************************************************************************************************************
  • The theme ("CSS code") has been entirely wrote by Wellkins.
  • The credits for the required addons ("Stylish" and "Buttons Back") goes to their respective owners.
  • The original visual assets are copyrighted material owned by either Microsoft Corporation and/or its affiliates or the person or organization that developed the concept.


      Some rights reserved. This work is licensed under a Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.




******************************************************************************************************************************************

      C H A N G E L O G

******************************************************************************************************************************************

      Version 1.2.0 (2016-01-19) :
  I haven't noted all the changes made during the development of this build. I'll try to list most of them.

                                                          - New design for the Library, now fully functional. Design inspired by Windows apps, such as Groove Music.
                                                          - New design for the downloads progress bar.
                                                          - New design for the fullscreen warning popup.
                                                          - New website identity icon for mixed content.
                                                          - All icons have been redone. Some of them have changed to be more representative of what they do.
                                                          - Added the blue "open" visual for some icons in the toolbar when its panel is open.
                                                          - Many fixes for the location bar and the search bar autocomplete popup.
                                                          - Fixes for the "Downloads" panel.
                                                          - The panel "Edit This Bookmark" have been totally redone, to avoid most bugs.
                                                          - The panel "Bookmarks Menu" have been totally redone.
                                                          - The popup "Website Identification" have been fixed and is now fully functional.
                                                          - Fixed a bug which makes the "delete" button not showing in the context menu from the Library.
                                                          - "Polished" many things in most areas.
                                                          - Some code cleaning.

      -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

      Version 1.1.0 (2015-12-20) : 
- Updated to Firefox 43.0.1
                                                          - Added French language support.
                                                          - New "Add-ons Manager" page design.
                                                          - New "Options" page design (unfinished).
                                                          - New design for the "Sound" icon displayed in tabs. Its position has also been changed to the right of the favicon.
                                                          - New "Forget" panel design.
                                                          - New "Menu bar" design.
                                                          - New "Find bar" design.
                                                          - New "Save password" notification pop-up design.
                                                          - New "Install add-on" notification pop-up design.
                                                          - New "RSS Feed" icon design.
                                                          - New "Stylish" icon design.
                                                          - New folder icon design.
                                                          - New "Back" button when you're in a subview menu in the "Main menu" panel.
                                                          - New "Show more" button in the "Personal Toolbar" when it's full.
                                                          - New "Full screen" button icon when full screen mode is enabled.
                                                          - New window captions when full screen mode is enabled.
                                                          - New text highlight color.
                                                          - Fixed the missing "RSS Feed" button from the toolbar and the "Customize" window.
                                                          - Fixed the "Sync" icon displayed from the "Main menu" panel when users are connected to a Firefox account.
                                                          - Fixed bad height value of the "Cut / Copy / Paste" buttons when placed in the toolbar.
                                                          - Fixed bad height value of the "Zoom control" buttons when placed in the toolbar.
                                                          - Fixed the hover properties for the two bookmark buttons when placed in the toolbar.
                                                          - Fixed the buttons at the bottom of the "Customize" window.
                                                          - Fixed the button's size when placed in the title bar.
                                                          - The "Search bar" for the toolbar have been completely redone.
                                                          - The "URL bar" have received some fixes and improvements, as well as the "Results" popup box.
                                                          - The status bar (the URL shown at the bottom-right of a page when a link is hovered) have been improved.
                                                          - The Context menus have received some fixes and improvements, such as the submenus within them.
                                                          - The icons for the "Find" and "Search" buttons have been changed.
                                                          - The "about:blank" page is now truly blank.
                                                          - Some tabs properties have been edited to prevent display bugs.
                                                          - Some menus have received minor fixes and improvements.
                                                          - Minor changes have been made to the "Edit Bookmark" panel.
                                                          - Removed the animation when you click on the "Bookmark this page" star button.
                                                          - Added back some animations. Doing this have fixed some issues with the "Customize" window and the "Full screen" mode.
                                                          - Added back the auto-scroll button in the submenus, with a new design.
                                                          - Many fixes have been done in the personal bar folders menus, bookmarks menus and the bookmarks submenus.

      -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

      Version 1.0.0 (2015-11-29) :
This build is for Firefox 42.0 (Stable channel) English (US) only. French and Spanish languages will be added soon.
                                                         The changes/additions I made in this version are too numerous to list them all. Here are some highlights :

                                                         - Every Firefox icons have been reworked to a Microsoft Edge design + bonus icon (Ublock Origin)
                                                         - New "Downloads" panel design
                                                         - New "Social Share" panel design
                                                         - New separators have been added between tabs
                                                         - New tabs favicon added
                                                         - New "Identity pop-up" design
                                                         - New "Private browsing" window design
                                                         - New download states icons have been added
                                                         - New "Reader mode" icon (when active) have been added
                                                         - The "Bookmarks" panel have been reworked
                                                         - The "Edit bookmark" panel have been reworked
                                                         - The "New tab" page have been completly redone and fixed
                                                         - The "Home" page have received some improvements
                                                         - The "Identity icons" have been reworked
                                                         - The "Main menu" have received some improvements and bug fixes
                                                         - The "Cut / Copy / Paste / " buttons are now fully functionnal
                                                         - The "Customize" window have been completly redone

      -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

       *
For the complete list of changes made in the previous versions, please refer to the changelog file provided with the theme.







You are invited to give me your feedback in the section bellow !




.
Add a Comment:
 
:iconanchith:
anchith Featured By Owner Feb 15, 2016
Thank you!!
Reply
:iconsepia66:
sepia66 Featured By Owner Feb 7, 2016
Just go to the icon of Adblock Plus, right click and choose Remove from toolbar
Reply
:iconkaz28100:
kaz28100 Featured By Owner Feb 4, 2016
Very Nice+fav Now i just need Adblock Plus to be hidden :p
Reply
:iconalija638:
Alija638 Featured By Owner Feb 2, 2016
Looks awesome man! Best theme for firefox so far! Can you tell me how can i set my url bar stays black on mouse over and when i type it to stay without white color?
Reply
:iconjazzthieve:
Jazzthieve Featured By Owner Edited Jan 30, 2016
This messes up the new tab completely if you use a new tab extension and the new tab provided with this script isn't really good. Which is too bad, it's a good looking theme.
Reply
:iconwellkins:
Wellkins Featured By Owner Jan 30, 2016  Hobbyist Interface Designer
You are right, most extensions that affect the New Tab page conflicts with the theme, since most of them include their own CSS code.
That said, the New Tab page included with the theme will be improved in future releases.
I may also release a version that doesn't affect this page for compatibility purposes.
Reply
:iconcomarshallcraft:
comarshallcraft Featured By Owner Jan 29, 2016
awesome, create a mozilla edge browser using the open-source code mozilla has
Reply
:icontxgfc:
txgfc Featured By Owner Jan 28, 2016
Extremely successful...
What do you plan to do in the white version?
Reply
:iconwellkins:
Wellkins Featured By Owner Jan 28, 2016  Hobbyist Interface Designer
Yes, Edge's flat design is pretty popular these days..!
The light theme will have the same design and features as the dark theme, except that it will have a different color palette.
Reply
:icontxgfc:
txgfc Featured By Owner Feb 2, 2016
Waiting Impatiently.
Reply
:iconphot0nic:
phot0nic Featured By Owner Jan 27, 2016
Hi, I love the theme, and I can't wait for the light version.

Where do you get all of the Edge-style icon images?  You replied to an earlier comment saying that you got them from the Edge resource folder.  Where specifically are the Edge resources located?  I've been looking all over for a way to extract the images for my own uses, but I just can't find them.  Thanks!
Reply
:iconwellkins:
Wellkins Featured By Owner Edited Jan 27, 2016  Hobbyist Interface Designer
Oh, sorry, I didn't saw your previous comment..!

The icons are actually glyphs, located in a font file named BrowserMDL. You can find it at the following location on your computer : C:\Windows\SystemApps\Microsoft.MicrosoftEdge_8wekyb3d8bbwe\Assets\Fonts
Obviously, you must be on a Windows 10 system.
After then, simply install the font and you'll have access to every glyphs within the font by using the Character Map or any other software that have a glyphs panel, such as Adobe Illustrator or the latest version of Photoshop.

NOTE : If the purpose is to work on my theme, remember that you can modify it for your personal use only. For more information, please read the license terms.
Reply
:iconphot0nic:
phot0nic Featured By Owner Jan 28, 2016
Thank you very much.  I found that directory and those fonts while I was looking for Edge's resources, but I didn't even consider that the icons would be glyphs in the fonts so I just ignored them.  In hindsight, given the style of the icons, I probably should have been able to figure that out.  Thanks again for your help.
Reply
:iconwellkins:
Wellkins Featured By Owner Jan 28, 2016  Hobbyist Interface Designer
You're welcome. If there's anything else, I'd be pleased to help.
Reply
:iconrobster0x:
Robster0x Featured By Owner Jan 25, 2016
Good Work Wellkins!
Reply
:iconwellkins:
Wellkins Featured By Owner Jan 26, 2016  Hobbyist Interface Designer
Thanks, enjoy the theme :) (Smile) 
Reply
:icondavedouble-u:
davedouble-u Featured By Owner Jan 23, 2016
This is really Kewl! I love it! My Status R Forever progress bar works great & I just tweaked the color to a lighter shade of blue. Works Great!
Reply
:iconwellkins:
Wellkins Featured By Owner Jan 26, 2016  Hobbyist Interface Designer
Nice! You're free to customize it the way you like it.
Reply
:iconrisingfirestar:
RisingFireStar Featured By Owner Jan 23, 2016  Student Artist
Don't work animations :c
Reply
:iconwellkins:
Wellkins Featured By Owner Edited Jan 23, 2016  Hobbyist Interface Designer
The default animations regarding the menus have been deliberately removed, simply because I did not like the final result.
Some animations inspired by those in Microsoft Edge will be incorporated in future releases.
Reply
:iconrisingfirestar:
RisingFireStar Featured By Owner Jan 25, 2016  Student Artist
Can u please make it compatible with "Star-Button In Urlbar" ?
Reply
:iconrisingfirestar:
RisingFireStar Featured By Owner Edited Jan 25, 2016  Student Artist
And, will u make a new tab opening/closing animation ?
Reply
:iconwellkins:
Wellkins Featured By Owner Jan 26, 2016  Hobbyist Interface Designer
Yes, animations for tabs will be added in future releases.

About your request for compatibility with the extension "Star button in URL bar", I won't make this theme compatible with it.
Instead, I will eventually convert Mozilla Edge as an official extension and in doing so, I will use some script lines to make the star button displayed in the URL bar, just like Edge. The add-on wouldn't be necessary after that.
Reply
:iconsepia66:
sepia66 Featured By Owner Jan 22, 2016
Again a big thank you for your hard work. I think this has already been reported but when you search in the search bar, the results are in white and cannot be seen. Check this out.

imgur.com/CkParAa
Reply
:iconwellkins:
Wellkins Featured By Owner Jan 23, 2016  Hobbyist Interface Designer
Hmm, I thought I had already solved this problem Facepalm 
I think I will completely rework this part of the interface, to ensure that this bug will be fixed once and for all!
Reply
:iconsohappynowwwwww:
SoHappyNowwwwww Featured By Owner Jan 21, 2016
i.imgur.com/OzZCL2a.jpg

Can you fix it?
It appears in the Customize page.
Thank you for the theme.
Reply
:iconwellkins:
Wellkins Featured By Owner Jan 21, 2016  Hobbyist Interface Designer
The problem will be solved in the next build. Thanks for the report!
Reply
:iconjosephsm:
JosephSM Featured By Owner Edited Jan 20, 2016
Nice Work!

For the latest update:
-When having many open tabs and minimize then maximize, the tab arrows are stuck even in the maximized window
-The final tab just before the "Tabs Right Arrow Button" is showing a dark color on its edge
Reply
:iconwellkins:
Wellkins Featured By Owner Jan 20, 2016  Hobbyist Interface Designer
Thanks!

Could you give me a screenshot of these two bugs? It would be appreciated! Thanks again.
Reply
:iconjosephsm:
JosephSM Featured By Owner Jan 20, 2016
Here is the screenshot:

sta.sh/0jo59y51bw
Reply
:iconhellisherebitches:
HELLISHEREBITCHES Featured By Owner Jan 19, 2016
Is the light version ready?
Reply
:iconwellkins:
Wellkins Featured By Owner Jan 20, 2016  Hobbyist Interface Designer
I'm afraid not. The development is not even started.
I'll fix bugs in the latest version, and then I will start working on it. It should be available in the coming weeks.
Reply
:iconyashlaptop:
Yashlaptop Featured By Owner Jan 19, 2016
awsome wellkins:happybounce: :happybounce: +fav +fav CURSE YOU!Huggle! deviantART Groups Heart deviantART deviantART DeviantArt DeviantArt :) (Smile) :D (Big Grin) 
please also see my work , devitaions and my artsLove Love Love Love Love Love Love Love Love 
also pleaseeee watchme and donate usI am a dummy! I am a dummy! I am a dummy! I am a dummy! I am a dummy! I am a dummy! I am a dummy! I am a dummy! I am a dummy! I am a dummy! I am a dummy! I am a dummy! I am a dummy! I am a dummy! I am a dummy! I am a dummy! I am a dummy! I am a dummy! 
thankyou:happybounce: :happybounce: :happybounce: La la la la La la la la La la la la La la la la 
Reply
:iconricardit0:
ricardit0 Featured By Owner Jan 19, 2016
Great job! I'm waiting the version in Spanish.
Reply
:iconwellkins:
Wellkins Featured By Owner Jan 19, 2016  Hobbyist Interface Designer
Thank. The Spanish language support should come in the next few days, plus some bug fixes.
Reply
:iconxxzendomxx:
xXZendomXx Featured By Owner Jan 19, 2016
I found a bug, share icon is not sharp :)

Version 1.2.0

i.imgur.com/ZMaR5Py.png
Reply
:iconwellkins:
Wellkins Featured By Owner Jan 19, 2016  Hobbyist Interface Designer
Hmm, weird. I'll take a look at it. Thanks for the report !
Reply
:iconanggafsp:
anggaFSP Featured By Owner Jan 17, 2016
waiting for light version :happybounce: 
Reply
:iconwellkins:
Wellkins Featured By Owner Jan 17, 2016  Hobbyist Interface Designer
Soon! After the next update (maybe released today), I'll start the development of the Light theme.
Reply
:iconanggafsp:
anggaFSP Featured By Owner Jan 18, 2016
now i'm sweating waiting for today Sweating a little... 
Reply
:iconwellkins:
Wellkins Featured By Owner Edited Jan 18, 2016  Hobbyist Interface Designer
I just need to make some adjustments and it will be ready to go!
Reply
:iconanggafsp:
anggaFSP Featured By Owner Jan 20, 2016
great..!!
Reply
:iconlamp0:
Lamp0 Featured By Owner Jan 14, 2016
Hey, where do you get all white these icons from?
Reply
:iconwellkins:
Wellkins Featured By Owner Edited Jan 18, 2016  Hobbyist Interface Designer
Most of them are directly took from the official Microsoft Edge app, in its resources folder. Some are from the Xbox app and others Windows app. These last will appear in the next build.
Reply
:iconphot0nic:
phot0nic Featured By Owner Jan 24, 2016
Where specifically are the Edge resources located?  I've been looking all over for a way to extract the images, but I just can't find them.  Thanks!
Reply
:iconlamp0:
Lamp0 Featured By Owner Jan 29, 2016
yea, me neither!
Reply
:iconcelthium:
Celthium Featured By Owner Jan 12, 2016
Hey, thanks for your great theme but I found a bug on Google Play Store and Google Play Music

i.imgur.com/ZCZg67C.png
i.imgur.com/llLOAES.png

i.imgur.com/Z23nqED.png

Could you look into it ? Thanks!
Reply
:iconwellkins:
Wellkins Featured By Owner Edited Jan 12, 2016  Hobbyist Interface Designer
Sure, thanks for the report !

Edit : Problem solved! The fix will be in the next release (scheduled for this week).
Reply
:iconnextviewdesigns:
Hello, love this but I found a bug maybe:

High dpi doesn't seem to be supported for some icons on the main toolbar and they are a bit blurry (navigation arrows, refresh, home, download, etc).  Also the close tab and new tab icons.

s23.postimg.org/e2956413t/scre…
Reply
Add a Comment:
 
×



Details

Submitted on
September 28, 2015
File Size
375 KB
Link
Thumb
Embed

Stats

Views
55,000 (9 today)
Favourites
269 (who?)
Comments
256
Downloads
17,103 (5 today)

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
×