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:
 
:iconbinassmax:
binassmax Featured By Owner 5 days ago
très beau boulot, bravo
Reply
:iconrootsphenix:
rootsphenix Featured By Owner Feb 3, 2017
Excellent, j'adore Thumbs Up , peut on changer les icônes j’ai un plug-in "SiteLauncher" j'aimerai modifier l’icône  

Excellent, I love Thumbs Up , can I change the icons I have a plug-in "SiteLauncher" I would like to change the icon

thank you very much
 
Reply
:icon2635599:
2635599 Featured By Owner Dec 31, 2016
love this. using it now. thanks a lot. is there any chance of getting this where the fonts for the context menus are 1/4 to 1/3 smaller, and almost no spacing between them? thanks in advance for any help.
Reply
:iconknightbruh:
KNIGHTBRUH Featured By Owner Dec 29, 2016  Hobbyist Digital Artist
tu m'a l'air de parler fançais, mais bon au cas où...

did you think you gonna make a chrome version ?
I know the code is really big to make, but a lot of people use chrome.
Reply
:iconthakyz:
thakyZ Featured By Owner Nov 15, 2016  Hobbyist General Artist
I have found a bug (or at least multiple bugs):
The Bookmarks dropdown icon is not sized correctly.
i.imgur.com/L29Eq5r.png
When unsupported addons get placed into the Main Menu dropdown, they do not have the correct spacing and sizing.
i.imgur.com/eXvhK7e.png

And if you don't mind supporting some add-ons with custom icons:
Adblock Plus: adblockplus.org/en/
Clear Site Cache: github.com/Tenzer/clear-site-c…
DownThemAll!: downthemall.net/
Hoxx VPN Proxy: hoxx.com
Reddit Enhancement Suite: redditenhancementsuite.com/ (Specifically the CSS indicator)
Saved Password Editor: addons.mozilla.org/addon/saved…
Tampermonkey: tampermonkey.net
Reply
:icon2635599:
2635599 Featured By Owner Dec 31, 2016
i'd recommend browsec instead of hoxx vpn proxy, cause no slowdowns and me importantly no account to log into.
Reply
:iconsyneus:
syneus Featured By Owner Nov 9, 2016
Thank you, this is the best skin
Reply
:iconrcnuke:
RcNuke Featured By Owner Nov 9, 2016
Waiting for news. Don't stop your great work, please.
Reply
:iconcvetan78vs:
cvetan78vs Featured By Owner Oct 31, 2016  Hobbyist Artist
yes ! Super
Reply
:iconmiroppb:
miroppb Featured By Owner Edited Oct 18, 2016
Hello,
Great theme, really enjoying it.
Possibly a bug: In Firefox 49.0.1 on Windows 10, the top ~50px of a page act as the toolbar. Meaning, I can double-click or drag on a webpage, and it double-clicks or drags the Firefox window.
Reply
:icondead4me:
Dead4me Featured By Owner Sep 17, 2016  Hobbyist General Artist
Would love to see this updated someday.
Reply
:iconrhernan007:
rhernan007 Featured By Owner Sep 14, 2016
Really,Really...G00d!!!
Reply
:iconwurzh:
Wurzh Featured By Owner Aug 22, 2016  Hobbyist General Artist
Je t'aime. C'est ce que je cherchais, c'est ce que j'ai trouvé. CEST BEAU PUTAIN, MERCI BB JTM KEUR BB KEUR OMFG
Reply
:iconwurzh:
Wurzh Featured By Owner Aug 22, 2016  Hobbyist General Artist
Une version plus compact serait super cool mais je chipote. Merci, plus sérieusement c'est nickel.
Reply
:iconorphydian:
Orphydian Featured By Owner Aug 10, 2016  Hobbyist General Artist
can you provide more screenshots in this preview ! I will feature it on my modern design group metrofoundry.deviantart.com/
Reply
:iconyuvol:
yuvol Featured By Owner Jul 19, 2016
Hi! Nice skin! For me looks too big when turn on Bookmarks Toolbar. Would be great to do more compact skin)
Reply
:iconmortal-kombat-xi:
Mortal-Kombat-XI Featured By Owner Jul 18, 2016  Hobbyist Filmographer
Very Nice . You Are The Best :)
Reply
:iconmaggew:
maggew Featured By Owner Jul 16, 2016  Hobbyist Artist
Marvelous!

tyvm
Reply
:iconkingdi:
KingDi Featured By Owner Jul 16, 2016
With version 48 this theme will have several issues...
Reply
:iconretsuyama:
Retsuyama Featured By Owner Jun 21, 2016  Student Digital Artist
I have issue with page info button. For non https site the info button non accessible make me must access tools from menu bar. Anyway Mozilla Edge stopping me from using theme on my Firefox.
Reply
:icon11f3:
11f3 Featured By Owner Jun 12, 2016  Hobbyist General Artist
How can you change the Minimize, Full screen and Exit buttons on top right corner
Reply
:iconmega-slk:
mega-SLK Featured By Owner May 26, 2016  Professional Artist
You really need to add it here and get it approved; addons.mozilla.org/en-US/firef…
Reply
:iconfaslehhh:
faslehhh Featured By Owner May 15, 2016
THANK U !!!! VERY MUCH !!! Dude this is amazing !!
Reply
:iconseanc6441:
seanc6441 Featured By Owner May 11, 2016
There's a formatting issue with Disqus comments threads where the upvote counter is missing when I turn on this theme in Stylish. Is there a need to change webpage formatting? Is it simply because the top bar takes up more space vertically which pushes certain webpage elements out of format?
Reply
:iconchristohartono:
christohartono Featured By Owner Jul 8, 2016
me too
Reply
:iconjk99999:
Jk99999 Featured By Owner Apr 28, 2016
Friends, you do this to support Chinese
Reply
:iconrodfdez:
rodfdez Featured By Owner Apr 19, 2016  Hobbyist Interface Designer
Excellent work on this!!!
Reply
:iconroooooster:
Roooooster Featured By Owner Apr 17, 2016
This is by far the best firefox skin I've used. Thank you and hope for an update soon?
Reply
:iconbartmelo:
Bartmelo Featured By Owner Apr 13, 2016  Hobbyist Interface Designer
Abandoned?
Reply
:iconjojomama:
JoJoMaMa Featured By Owner Apr 4, 2016
Update?
Reply
:iconmhimranhossain:
mhimranhossain Featured By Owner Apr 2, 2016
i had an video streaming issue. when i quit the tab while playing the video. the audio stops about 5s after closing. it happens only when the theme is applied
Reply
:icongollyjer:
GollyJer Featured By Owner Mar 31, 2016
Just wanted to say I LOVE this!  Thanks for putting together.
Do you want bug reports and or fix suggestions/code?
Reply
:iconsamw61:
samw61 Featured By Owner Mar 27, 2016  Hobbyist Photographer
Hey mate, love this theme, really great to use! I know you're working on an update, but I'd like to request a few slight usability adjustments if at all possible!

- Make close buttons have a larger selection area (it's difficult to hit using a touch screen), but leave at least 1px at the top so the mouse still selects the tabs.
- Remove the close buttons on hovered pinned tabs.
- Right click menus cannot be navigated by keyboard (I use it mostly when spell checking typed text, having to go back to the mouse interrupts work flow).


I know some of these may not be possible because of the method of skinning, but I'd thought I'd get them out there! Cheers for the sweet theme though! :D
Reply
:iconchristohartono:
christohartono Featured By Owner Mar 22, 2016
The upvote on the embedded disqus is missing:

onedrive.live.com/redir?resid=…
Reply
:iconbroseye:
broseye Featured By Owner Mar 20, 2016
how to disable the theme? i've turned the style of with stylish addon and also removed it but the theme is still there
Reply
:iconchristohartono:
how about adding the light theme?

by the way, this is the best firefox design
Reply
:iconserginhonike10:
serginhonike10 Featured By Owner Mar 12, 2016
Nice work bro.

I had use this theme since the beginning, and I just can say "amazing" ;D

It would be nice if you could 'clone' alert, confirm and prompt javascript dialogs style. You can acomplish this with the tabmodalprompt css element. I've done my own implementation of that (proof), but i hate css and I don't have any dom-elements-inspector tool.

Again, nice work and thanks
Reply
:iconwellkins:
Wellkins Featured By Owner Mar 12, 2016  Hobbyist Interface Designer
Thanks for your feedback, and the kind words! It's nice to receive comments from people using the theme from the beginning.

About the alerts and the dialog windows, I'm already working on it! It should figure in the next releases, when the result will be close enough to the ones within Edge.
Reply
:iconxxzendomxx:
xXZendomXx Featured By Owner Mar 9, 2016
If I close a tab, in which a video is played, the sound goes in the background even further a few seconds. The problem is definitely on Mozilla Edge. If I disable it all works without problems.
Reply
:iconwellkins:
Wellkins Featured By Owner Edited Mar 12, 2016  Hobbyist Interface Designer
Yes, it's a known bug with the theme. I unfortunately don't know why it does that and therefore, how to solve the issue.
I understand that this problem can be really annoying some times, and I'll do my best to fix it as soon as possible.

Thank you for your comment.
Reply
:icontommyberetta:
TommyBeretta Featured By Owner Mar 7, 2016
NICE ! Works with Firefox 44.02 !
Reply
:iconsohappynowwwwww:
SoHappyNowwwwww Featured By Owner Mar 2, 2016
i.imgur.com/G6lDZxb.png

I updated from Windows 7 to Windows 10, but on Windows 7 it doesn't appear.
Can you fix? Thanks for your theme. And I can't wait the update!
Reply
:iconwellkins:
Wellkins Featured By Owner Mar 2, 2016  Hobbyist Interface Designer
Not sure I understand your request. What do you want me to fix exactly ?
Also note that Windows 7 is currently not supported by the theme.
Reply
:iconrisingfirestar:
RisingFireStar Featured By Owner Feb 26, 2016  Student Artist
When will be a next update ?
Reply
:iconwellkins:
Wellkins Featured By Owner Feb 26, 2016  Hobbyist Interface Designer
I'll take back the development in the next few days, so you should expect an update in the second half of March.
Reply
:iconfaust5000:
Faust5000 Featured By Owner Feb 20, 2016
Great job! Only you can transfer up to the end of the skin? Some inscriptions whith Downloads, Bookmarks, Edit, Zoom why something in English.
Reply
:iconanchith:
anchith Featured By Owner Feb 12, 2016
Is this a complete theme? If so, will you PLEASE tell me how to do one myself? And is it possible to make commplete themes without any knowledge of coding?
Reply
:iconwellkins:
Wellkins Featured By Owner Edited Feb 14, 2016  Hobbyist Interface Designer
It's still a work in progress. When it will reach the end of its development then yes, it will be a complete theme.


To create one by yourself, you will need to know the basics of the CSS language. You shouldn't be worried, it's not that difficult to learn. When I started creating Mozilla Edge, I hadn't any knowledge with CSS. Once you have understood the structure of a CSS file, you'll be able to create a wonderful theme.

There are two ways to create a complete theme : You can use the Stylish extension, which will allow you to see your changes as you write them, without restarting Firefox. In this case, you'll have only one file to worry about. Otherwise, you can create an "official" complete theme, intended to be published to the Mozilla Add-ons website. This last method is a bit more complex, because there are several different files to write and there's not much updated tutorials on the web.

I suggest you start with the first method, by using Stylish. It will be easier to manage. You may want to take any Stylish theme as a starting point, but it's recommended to start from scratch to avoid bugs.


Useful information :

  Getting started with CSS
  CSS Reference
  Enabling the Browser Toolbox
  Tutorials on MDN (Outdated, but still have some useful information)

Useful extensions for development :

  DOM Inspector
  Element Inspector


That's all. Good luck !

Reply
:iconanchith:
anchith Featured By Owner Feb 15, 2016
Thank you!!
Reply
Add a Comment:
 
×



Details

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

Stats

Views
53,474 (31 today)
Favourites
266 (who?)
Comments
255
Downloads
16,622 (14 today)

License

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