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:
 
: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
:iconwellkins:
Wellkins Featured By Owner Jan 10, 2016  Hobbyist Interface Designer
Hi,

You're right, high DPI isn't supported for now, but I've planned to add it as soon as I can.

Thank you for your comment!
Reply
:iconimhexaa:
ImHexaa Featured By Owner Edited Jan 1, 2016
The only thing that i miss is a Save as... button when rightclicking on a website or just anywhere on a website and it saves the file, so if i rightclick a link it saves the .html file. Just like Chrome has :-)
Reply
:icontunabolism:
tunabolism Featured By Owner Edited Jan 1, 2016
Looks nice, Good work!, btw is there any way to have it in white too :) ?
Reply
:iconwellkins:
Wellkins Featured By Owner Edited Jan 2, 2016  Hobbyist Interface Designer
Thanks for your comment!

Yes, the Light version will be available in the next few weeks.
Reply
:iconjojomama:
JoJoMaMa Featured By Owner Dec 26, 2015
There is no "delete" text when you want to delete something from the bookmarks menu. I would like to see the URL bar stay dark all the time. Everything else looks great. :)
Reply
:iconwellkins:
Wellkins Featured By Owner Dec 28, 2015  Hobbyist Interface Designer
Thanks for your comment!

The "delete" button have been removed intentionally, but I'll put it back with the next release.
About the location bar, I won't make it dark all the time because the theme is designed to be identical to Microsoft Edge's style and behaviors.
Reply
:iconchronobones:
Chronobones Featured By Owner Dec 26, 2015  Hobbyist Digital Artist
I'm liking the updates a lot, it's becoming very polished.

However, I'm getting this bugged view of search suggestions. The text is white, so it's unreadable.
i.imgur.com/7AwtoqJ.png
Reply
:iconwellkins:
Wellkins Featured By Owner Edited Dec 28, 2015  Hobbyist Interface Designer
Hmm, this is odd. I'll make it a priority, thanks for your feedback.
Reply
:iconsohappynowwwwww:
SoHappyNowwwwww Featured By Owner Dec 23, 2015
You are awesome! In full screen mode, although I use Windows 7 but you made the minimize button, maximize and close very similar to the Windows 10!
I've circled red color on that buttons. Look:

imgur.com/ZW4PWrn
Reply
:iconsepia66:
sepia66 Featured By Owner Dec 21, 2015
Congrats for the new release. This is truly becoming an incredible style for our beloved Firefox. Thanks for fixing issues reported by others and myself. Will keep you posted if I encounter any issues.
Reply
:iconwellkins:
Wellkins Featured By Owner Dec 21, 2015  Hobbyist Interface Designer
Thanks for your contribution, and enjoy the theme!
Reply
:iconsohappynowwwwww:
SoHappyNowwwwww Featured By Owner Dec 20, 2015
imgur.com/o9ybG4H

As I said in previous comments, the color of the button "Show all downloads" in the Download Menu was to white. Can you fix it?
Reply
:iconwellkins:
Wellkins Featured By Owner Dec 21, 2015  Hobbyist Interface Designer
An hotfix will be published soon.
Reply
:iconsohappynowwwwww:
SoHappyNowwwwww Featured By Owner Dec 20, 2015
I have seen a menu interface on Stylish:

userstyles.org/styles/…

However, it is only to be used for light theme of Mozilla Edge. But you not make it now, so you can try it or try to fast the dark theme and start make the light theme.
Reply
:iconsohappynowwwwww:
SoHappyNowwwwww Featured By Owner Dec 19, 2015
I updated to Firefox 43.0.1. And now is a problem:

imgur.com/jdD50bn

And a new problem on the address bar when typing (I've turned the new smart search system). I can't capture the picture.
Can you repair it?


Reply
:iconwellkins:
Wellkins Featured By Owner Dec 19, 2015  Hobbyist Interface Designer
Already solved! The fix will be included in the next release, which will be available to download tomorrow.
Reply
:iconsepia66:
sepia66 Featured By Owner Dec 16, 2015
Just to report that your theme worked well in the new Firefox 43 64Bit.

Enjoying this theme so much. Awaiting the new release with the promised fixes.
Reply
:iconwellkins:
Wellkins Featured By Owner Dec 16, 2015  Hobbyist Interface Designer
Thanks, the update is nearly ready. It will contain some interesting new features plus a big bunch of fixes and improvements.

That said, I still have some difficulties with the Libraries design, so it will be reported (again).
Reply
:iconundyingcactus:
UndyingCactus Featured By Owner Dec 15, 2015
Awesome update! But I've got a bug where the group tabs icon is really big. i.imgur.com/C9LEUJ7.png
Reply
:iconwellkins:
Wellkins Featured By Owner Edited Dec 15, 2015  Hobbyist Interface Designer
Oh! I didn't even know that we could put buttons at this place! I haven't wrote any rules to resize the icons when placed there, so they're stretched. I'll fix that with the next update.

Thanks for your feedback!
Reply
:iconfragbashers:
fragbashers Featured By Owner Dec 11, 2015
Reference picture: prntscr.com/9d7h03

Chat icons, such as emotes and the dropdown box at the top, get a black background in Twitch chat which renders user status icons invisible (black box to the left of the name that shows moderator/turbo/admin/staff status) and puts an ugly black box behind emotes'

This is bearable but annoying nonetheless, it would be great if you could clear this issue up.

Many thanks for your work!
Reply
:iconwellkins:
Wellkins Featured By Owner Dec 12, 2015  Hobbyist Interface Designer
No problem, I'll take a look into that. Thanks for the report!
Reply
:iconiziran:
iZiran Featured By Owner Edited Dec 11, 2015
Man, this last update is so awesome! Contrats for the work on it. But i have a bug:
In a xenForo Forum when i'll type my answer i get a black box
prntscr.com/9d2ooz (it's grey but when you click on the box it turns black)
Can you please set the about:blank REALLY a blank page? Else i'll change the code by myself :angry:
Reply
:iconwellkins:
Wellkins Featured By Owner Edited Dec 12, 2015  Hobbyist Interface Designer
Thank you for the comment.

I see what you're talking about. Don't worry, I'll make the necessary changes to fix that issue with the next build, which will be available to download next week.
Reply
:iconwindfallprophet:
WindfallProphet Featured By Owner Edited Dec 11, 2015  Student General Artist
There were a few addon context menu items that were unaffected by the css (most were fine, but a few, like noscript, needed help). Adding an selector for "menu" and copying the css from "menuitem" in the context menu subsection fixed it.
Reply
:iconwellkins:
Wellkins Featured By Owner Edited Dec 11, 2015  Hobbyist Interface Designer
This is a known bug and the issue is already solved. The fix will be included in the next build, which is scheduled for next week.

Thanks for the feedback.
Reply
:iconsohappynowwwwww:
SoHappyNowwwwww Featured By Owner Dec 5, 2015
You need add "background: #181818 !important;" at Ln 5424 and change "background: #181818 !important;" at Ln 5428 to "background: #2B2B2B !important;" , Wellkins. I think you need to edit code now.
Reply
:iconwellkins:
Wellkins Featured By Owner Dec 7, 2015  Hobbyist Interface Designer
Why do you think it's needed? Do you get any bug related to colors in this specific menu?
Reply
:iconsohappynowwwwww:
SoHappyNowwwwww Featured By Owner Dec 20, 2015
"Show all downloads" button color in the Download Menu is WHITE!!!
Reply
:iconpedromiba:
pedromiba Featured By Owner Dec 2, 2015
Would u be able to make a version for developer edition? Apparently everything seems to be just fine besides the home, refresh, backwards and forward button.
The rest looks alright to me.

Also Thumbs up on the great theme.
Reply
:iconwellkins:
Wellkins Featured By Owner Dec 2, 2015  Hobbyist Interface Designer
Thank you for your comment.

Unfortunately, the Beta and Developer editions aren't supported anymore since version 1.0.0, for the simple and good reason that these are constantly updated (especially the dev. edition). It makes it difficult for me to track each bugs specific to each channels, without talking about the extra time it takes (which I don't have). I prefer to work only with the Stable channel, to provide a quality theme with less bugs.

That's being said, I'm still open to the possibility of supporting these channels again. Maybe when everything will be finished, and bug free!
Reply
:iconsohappynowwwwww:
SoHappyNowwwwww Featured By Owner Dec 2, 2015
I use Vietnamese language, but it's so good.
Thank you by theme.

-----

You can make a light theme now.
Reply
:iconwellkins:
Wellkins Featured By Owner Dec 2, 2015  Hobbyist Interface Designer
Thanks. Maybe I'll consider to add more supported languages in the future.

There's still things to do on the Dark theme. The Light theme will be undertaken only when I'll have changed every part of the UI of the Dark one.
Reply
:iconsonic4000:
SoNiC4000 Featured By Owner Edited Dec 1, 2015  Hobbyist Interface Designer
"SUPPORTED OS Windows 10"
<- not a windows 10 user, will not be for a long time :/
Reply
:iconhellisherebitches:
HELLISHEREBITCHES Featured By Owner Dec 1, 2015
Well you can use this theme on older windows version, however things will go trippy
Reply
:iconsonic4000:
SoNiC4000 Featured By Owner Dec 3, 2015  Hobbyist Interface Designer
That's why I'm not using even though I want to. I've already tested it a while ago and it was a bit broken :(
Reply
:iconhellisherebitches:
HELLISHEREBITCHES Featured By Owner Dec 4, 2015
quoted from dev on how to fix this problem

Sure! But keep in mind that the theme isn't meant for Windows 7, so it might not work as intended. That being said, here's the explanation and the fix :

You get this bug because I've made the theme so it's compatible with Firefox Personas. To achieve this, I've left the tabs toolbar color to transparent, so it takes its color from the main window. But Windows 7 overwrites the main window's color that I setted by its default style.

To fix that issue, go to the "Add-ons" section within Firefox and then, select the "User styles" section. Now click on the "Edit" button of the theme situated in the right list. A new tab will open. In this tab, go to the line no. 136. You'll see the following property :
background: transparent !important;
. You simply need to replace the "transparent" property with this one : #171717. It should now looks like this : background: #171717 !important;

Click on "Preview" in the top of the window to see the result, then "Save". It should solve the problem. You can now close the tab.
Reply
:iconsonic4000:
SoNiC4000 Featured By Owner Dec 16, 2015  Hobbyist Interface Designer
I'm not using Windows 7, I am using Windows 8.1 with 125% DPI. Also Thank You for taking time out of your life by doing this explanation for Me.
Reply
:iconwellkins:
Wellkins Featured By Owner Edited Dec 14, 2015  Hobbyist Interface Designer
To be more clear, the idea is not to promote Windows 10. There's two reasons why I only support this OS. First, I don't think that the theme will fit very well with the others OS, even more with Windows 7, Linux or Mac OS X. Second, I simply don't have any Windows 7 / 8.1 / Linux / OS X machine at my disposal to test if everything goes well. Making it fully compatible with older versions of Windows is probably pretty simple, but for these two reasons (mostly the second one) I just can't do it.

P.S. : About the quote up there, the fix only concern the bug that happen on Windows 7 with the window captions, which appears with the wrong color.
Reply
:iconcrevative:
Crevative Featured By Owner Nov 30, 2015
You fixed so much. Stellar job.
Reply
:iconwellkins:
Wellkins Featured By Owner Nov 30, 2015  Hobbyist Interface Designer
Glad to see you appreciate it, there's hours of work in that build.
Reply
:iconsepia66:
sepia66 Featured By Owner Nov 30, 2015
Another comment. For media playing tabs, loudspeaker icon is black. Difficult to see.
Reply
:iconwellkins:
Wellkins Featured By Owner Nov 30, 2015  Hobbyist Interface Designer
Thanks, I'll fix that with the next build.
Reply
:iconsepia66:
sepia66 Featured By Owner Nov 30, 2015
What I don't like is the sync icon when you press the 3 dot menu (...) on the left just below "addons" and which I cannot manage to remove :((

imgur.com/xmqkALm
Reply
:iconwellkins:
Wellkins Featured By Owner Nov 30, 2015  Hobbyist Interface Designer
Hmm, that's weird. As you can see on the following screenshot, I don't get this bug at all.

imgur.com/dznXcFp

I'll try to reproduce the bug to be able to remove the icon. Thanks for the report.
Reply
:iconsepia66:
sepia66 Featured By Owner Nov 30, 2015
Hi Wellkins,

I tried signing out of my Firefox account and it's gone. However, if you sign back in it comes back.
Reply
:iconsepia66:
sepia66 Featured By Owner Nov 30, 2015
Update: If you install this addon:

addons.mozilla.org/en-US/firef…

It goes even if you are signed into your Firefox account. Nod 
Reply
Add a Comment:
 
×



Details

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

Stats

Views
58,487 (1 today)
Favourites
273 (who?)
Comments
257
Downloads
18,122

License

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