Shop Mobile More Submit  Join Login
Windows 10 Firefox Theme by maxxdogg Windows 10 Firefox Theme by maxxdogg
UPDATE: NEW THEME AVAILABLE FOR LATEST FIREFOX v. 40.0.2 or above! FlatFox.

Windows 10 theme for Firefox. Inspired by Microsoft Edge. Created for Windows 10. I don't know how it looks like on older versions of Windows. Tabs on top and tabs on bottom theme included.

How to install?
Stylish addon is required. Create new script in Stylish and paste there content of chosen .txt file and save script.

UPDATE 1: new close button
Add a Comment:
 
:iconyungplayz:
yungplayz Featured By Owner Apr 3, 2016
Just made a better tab close button, 4 times the original resolution.

Before&After:
s24.postimg.org/ekcu81sl1/Comp…

To apply, find this in the script:

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------
.tab-close-button {
  -moz-appearance: none!important;
  pointer-events: auto!important;
  list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAMCAYAAAAK/x/DAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAB/klEQVQ4jbWVv2sTYRjHP09aRDehlJsqkqFDB4VIhkwZJLSZjiRT/4E6eau0g0MGJes56T/gUGzpFELJ0EnoNUIdHNOQ4nB0cZI42Mch73s+CUkKQd/l7nmeL+99eH6dqCrLnLNiMQB2gW3gmXP3gA7wsZwkqdU/f/R4A2jM0X/qDgfXALIM0FmxWABeA+EcyQnQLCfJFwdTAl7doW91h4PPGZCIPADWVXVolSKyAdyo6sjBBMD7BZfbj7xopjf3gHeqGorITOGtKjmRE+BlzvjXgYKIPDEwW4zTu2Z0ux6m1G4TVKtZIKhWKbXb3gydtgGEIsLhxTl7B/uZfu9gn8OLc3Jj0BBorPqgqg5F5CGQF5GRc28C31T1uwHa9i/9OCYfRVkgH0X045hZWoDTo2Mq9VpmV+o1To+OJ/Sr1lLVrw5my7kuVfWKyeMbktRlw0P14zjzTWsBPrx5m4F4QO/zeluyWef3HfF/fiYy5HpmE7h0MAURWZnKUg/YgXHP2DL5TJks9dxzB8Y9Y8vkM2Wy1MuA3DT5nrlyvhXgqYj8VFW/Vzr+Ax7GlikfRdbuWCAPY8tUqdes3bFjfx9Ym2pgRCQAfqjqL1h+7G9Vw9ycsTf6v2OvqqNpGOdPPQyA28BNd8Giy5vlJEndBm65PbNI3+oOB9dLbWr4f7+OP8WM9SREPAJmAAAAAElFTkSuQmCC)!important;
  -moz-image-region: rect(0, 12px, 12px, 0)!important;
}
 
.tab-close-button:hover,
.tab-close-button:hover[selected="true"] {
  -moz-image-region: rect(0, 24px, 12px, 12px)!important;
}
 
.tab-close-button:hover:active,
.tab-close-button:hover:active[selected="true"] {
  -moz-image-region: rect(0, 36px, 12px, 24px)!important;
 
  }
------------------------------------------------------------------------------------------------------------------------------------------------------------------------

and replace it with this:

------------------------------------------------------------------------------------------------------------------------------------------------------------------------
.tab-close-button {
  -moz-appearance: none!important;
  pointer-events: auto!important;
  list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAYCAYAAABZY7uwAAAEg0lEQVRYhe2Z7U4aWxSGuQlDDAxzB6Mze6rTGMKHaBRiLDSGpE17AV4B3glXwb82VvlUZgaItBgpTABR2n+tQqKZxuM57Xt+8FEqw8yANSfnHFeyEzKzWWQ/We+79t5YLP9g7DOMkCAkkua4WJLnlTQhapoQNcnzSprjYglCIvsMI0yb3221Cl67I+K10zGPjVa8Nkr12ijVY6MVr52Oee2OiNtqnTr/bwlRFHH32S7DOJMsG01xXCfN89AbKY7rJFk2usswTrO/6ZqZdbopKuqm6I6XoqE33BTdcVNU1DUzazr/g0ackO0kzytGYO6OJM8rcUK2jfJ7KGrbY6MVIzB3h8dGKx6KMsz/oJEmZCfJcTeTwhlA4ribNCE74/K7Zh07Xoq+mRTO0LhxzTrG5n/QiBOyfR84w5C0KslDUdv3hDOAZKqStLxj2rm7DOOcRlZ6chv2JNfMrHMaWenJTdeTegu+MQPJzNwky0bvLvJbq4VOsQhpfX0sCGl9HZ1iEd9arVFILBvt53dTVPTuIj+fNlGSc9jiF8aC2OIXUJJz+Hza1DBvKjpuPcML/0Nv4Wbm7DOMoNWt2vk8AOCqXIbs948AkP1+XJXLAIB2Pq/Z3fYZRnBbrYJWtyoeHgIAqh9KCC8IIwDCCwKqH0oAgOLhoXZ3M9oC9BZ+qwVA791wJAiJaFVHbmMDnaOjLqRKBXIg8BNOIICrSgUA0Dk6Qm5jQ7PCEoREvHZHRKs6XjxdQkmSAQDK8THCiz8hhRcFKMfHAICSJOPF0yXtKrM7IrqAhkD8OQxC69m4SHNcbJyE5EAAnUIBAHCtKJDW1iCtreFaUbpwCoVfwI0Mjot57XRsnITCiwLeiyIAoF4uY4s8wRZ5gnqvMt+L4i/gRgHRMUNAQ0D+EkURw5/NfNfInOVAAO0+pGoV19VqV1ZGcHpmbWTO4UUBxWwWAFA7OUHt5KQrq2xWH07PrE0BGoL03WKxfJ+kw6UJUY26kujzDSqpXzmiz2fc0QhRvTZKNepKwTl2UEn9ygnOscYdzUapkwL6YbFYfvxuQLLfj+tabbCA61pN07inBRReEND4WBnkb3ysaBr31ID6cIYkZhqSkcRym5tQm00AwKUk4VKSAABqs4nc5ua9JfZyyYlWvQ4AKKTSKKTSAIBWvY6XS877S6wHAhomjfuadD4YhHp2BgC4ODiAuLwMcXkZFwcHXUhnZ8gHg1Ob9CunC61GAwAgx+N4xszjGTMPOR7vQmo08Mrpmt6k9UCYhTSuzedDIajn5104mQyk1dWfG8TVVVxkMl1I5+fIh0ITt/nXLjc+NU4BAOLeHp6zZPDuOUsg7u0BAD41TvHa5Z68zZsBYGbOuI1iX1ZfUymIKyujxr2ygq+p1EBuk24U+7LK7r5DaH7UkEPzLLK77wZym2ijOImEzMzVOmrcttv4kkjodivR58OXRAK37fao/xgcNToXl8i8eavbrYJzLDJv3qJzcakByNxRw1T87w6rDxH/ueuOh4jHCzMT8XjlaiIeL+1Nxr/hb5+/AQbwUCfr0YJLAAAAAElFTkSuQmCC)!important;
  -moz-image-region: rect(0, 24px, 24px, 0)!important;
}
 
.tab-close-button:hover,
.tab-close-button:hover[selected="true"] {
  -moz-image-region: rect(0, 48px, 24px, 24px)!important;
}
 
.tab-close-button:hover:active,
.tab-close-button:hover:active[selected="true"] {
  -moz-image-region: rect(0, 72px, 24px, 48px)!important;
 
  }
------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Reply
:iconmaxxdogg:
maxxdogg Featured By Owner Apr 3, 2016
You would better use the latest theme Firefox App maxxdogg.deviantart.com/art/Fi…
Reply
:iconmahpooya:
mahpooya Featured By Owner Sep 15, 2015
bug in pinned tab
pinned tabs are not visible
Reply
:iconmaxxdogg:
maxxdogg Featured By Owner Aug 27, 2015
new theme!! FlatFox.
Reply
:iconzendomxx:
ZendomXx Featured By Owner Aug 25, 2015
I have suddenly a big bug. It is not displayed correctly. It looks creepy tabs and everything looks bigger with crazy colors
Reply
:iconmaxxdogg:
maxxdogg Featured By Owner Edited Aug 27, 2015
Can U post screenshot? Actually it doesnt matter because there is new Firefox version and my theme is not compatible. I am working and testing new flat design for latest firefox version. I'm gonna upload theme maybe in few days. It's not so "Edge" like as this theme and I think looks better than this theme :D
Reply
:iconzendomxx:
ZendomXx Featured By Owner Aug 27, 2015
Of course, but I do not know how I can post a screenshot here. I have uploaded the screenshot: img5.fotos-hochladen.net/uploa…

I love this theme more than FlatFox but FlatFox is also good.
Currently I used FlatFox. :D
Reply
:iconmaxxdogg:
maxxdogg Featured By Owner Aug 28, 2015
Oh so this is why I said. This theme is not compatible with the latest Firefox.  :(
Reply
:iconzendomxx:
ZendomXx Featured By Owner Aug 28, 2015
That's a real shame! The theme was very good :( Thanks for your effort.
Reply
:iconquyleanh:
quyleanh Featured By Owner Aug 18, 2015
Please support dark theme too.
Reply
:iconmaxxdogg:
maxxdogg Featured By Owner Aug 20, 2015
maybe for some time but I have to do it on new firefox update and it's little bit different
Reply
:iconquyleanh:
quyleanh Featured By Owner Oct 2, 2015
I will wait for it, because I usually work in night. Hope to see it soon.
Reply
Hidden by Commenter
:iconmaxxdogg:
maxxdogg Featured By Owner Aug 20, 2015
someone has stolen my theme and uploaded on userstyles. nice. code is the same in every letter..
Reply
:iconquyleanh:
quyleanh Featured By Owner Oct 2, 2015
I think you need to contact with userstyles, and upload a coppy to it. Because, userstyles addon is more and more popular, you know.
Reply
:iconslntscrmz:
slntscrmz Featured By Owner Aug 10, 2015
do you have the dark version for this?
Reply
:iconmaxxdogg:
maxxdogg Featured By Owner Aug 20, 2015
not yet because of new firefox update :/
Reply
:iconluksy78:
Luksy78 Featured By Owner Aug 10, 2015
very nice job
Reply
:iconasadaw:
asadaw Featured By Owner Aug 7, 2015
Nearly perfect! There is one flaw, I can't click on tabs when my pointer is on top of the screen when Firefox is maximized. I have to carefully place my pointer to navigate and close a tab in this situation. There is a small space on the window. 
Reply
:icontimorei:
timorei Featured By Owner Aug 5, 2015
I like it a lot.

Any hint how I can make the forward button never hide? ;)
Reply
:iconandreluis034:
andreluis034 Featured By Owner Edited Aug 3, 2015
First of all I want to congratulate for the nice work and effor you've put into this theme.

There are a few things to take in consideration relativity to the original ms edge:
The colors on the navbar and tabs are the opposite in microosft (Edge: i.imgur.com/bqLR9wX.png (can be compared to the 1st image you posted))
I'm not sure if it is possible to change the background of the url bar without changing the reload's too. But in edge when you hover or the url bar is active it is white instead of the default color.

I've tried making those changes and posted the css on pastebin if you'd like to take a look: pastebin.com/bm1FsZwL
Besides the reload button also being with white background when hovered I can't seem to change the background of the minimize, maximize and close buttom as seen here:
i.imgur.com/teXOCHY.png

I'd also like to note I've renabled favicons
Reply
:iconhendriaditya:
hendriaditya Featured By Owner Aug 4, 2015
thanks for rebuild this theme i.imgur.com/ID8nwdk.png
yes need fix for minimize, maximize, and close button
this awesome
Reply
:iconmaxxdogg:
maxxdogg Featured By Owner Aug 3, 2015
Yeah I know they are opposite because in previous version I made lighter urlbar and nav bar but it looked too light for me and I changed to the darker color.. You have to know that Edge isn's desktop window and it's all grey but firefox is normal window which is white. Maybe if someone create grey theme for windows I made another one color version and then all will be look like the Edge.

Regards to caption buttons bug I really dont know why is this happen :( I made this theme on my windows and all looks like just like in preview pictures. Also when url bar or reload icon are hovered there is transparent background for me not white :( I used .png icons with transparent background so it cant be white when hovered. Try to disable all stylish addons if U have and apply my theme once again.
Reply
:iconmaxxdogg:
maxxdogg Featured By Owner Aug 3, 2015
You can also try this theme for new tab page: userstyles.org/styles/111919/n… that goes well with mine.
Reply
:iconmontyai:
montyai Featured By Owner Aug 3, 2015
why is there no icon on tabs?
good work though
Reply
:iconmaxxdogg:
maxxdogg Featured By Owner Aug 3, 2015
because it's ugly and unnecessary
Reply
:iconceeeeehhhh:
ceeeeehhhh Featured By Owner Aug 3, 2015
this sadly results in your skin being unusable with pinned tabs though
Reply
:icong0kartm0zart:
G0KartM0zart Featured By Owner Aug 3, 2015
Is there a way to get make this have the Dark version of Edge?
Reply
:iconmaxxdogg:
maxxdogg Featured By Owner Aug 3, 2015
It's a lot of work beacuase I have to change the .png icons into white color and generate URI links. But I think I will make it if I would have some time for it. I don't want to do it fast because I prefer if everything is pixel perfect. :D
Reply
:iconchronobones:
Chronobones Featured By Owner Edited Aug 2, 2015  Hobbyist Digital Artist
This is great, but how did you get the refresh button on the left?

Edit: Nevermind I just added this at the end which did the trick:

#urlbar > toolbarbutton {
    -moz-box-ordinal-group: 0;
     padding-left: 10px;
    border-right: 1px lightgrey solid;
    padding-right: 5px
}
Reply
:iconspecialex:
specialex Featured By Owner Aug 4, 2015
great work dude
Reply
:iconmaxxdogg:
maxxdogg Featured By Owner Aug 3, 2015
Honestly I don't know how and where I did that. I am weak at writing CSS codes :/ A lot of this theme is based on various themes and codes from the web and remade by me. I try a lot of values and see what happen then. But I try to make themes as perfect as possible to get perfect colors and pixels.
Reply
:iconint3rlop3r:
INT3RLOP3R Featured By Owner Aug 2, 2015
Exactly what I was looking for! I needed an Edge-like theme for Firefox, and it scales very nicely with the new caption buttons. 

A suggestion for future updates would be updating the Bookmarks icon (and others), and the close tab buttons which still display as a circled red X.
Fantastic job, I hope this will get more recognition from people who want Firefox to fit seamlessly with Windows 10.
Reply
:iconmaxxdogg:
maxxdogg Featured By Owner Aug 3, 2015
close button changed!
Reply
:iconint3rlop3r:
INT3RLOP3R Featured By Owner Aug 6, 2015
Sweet! Thanks for your work on this.  I love the look of Edge, but it just feels like a rehashed IE to me and Firefox seems best optimized for Win10. You are a hero.
Reply
:iconmaxxdogg:
maxxdogg Featured By Owner Aug 3, 2015
Yeah I forgot to change close button. Maybe I will make it today and upload also today. :)
Reply
Add a Comment:
 
×





Details

Submitted on
August 1, 2015
File Size
31.0 KB
Link
Thumb
Embed

Stats

Views
23,283 (14 today)
Favourites
48 (who?)
Comments
39
Downloads
4,343 (2 today)
×