Saturday, 8 August 2015

Styling Waterfox for Windows 10

Shortly after upgrading to Windows 10, I tried out Edge and found it... nice? It does a lot of things nice, and it's really fast, but I was missing a ton of the features from Waterfox. So I went back and decided to look around to see if there was anything that could maybe integrate the browser a bit better with Windows. One of the things I love about 10 over 8 is that they finally have integrated the notifications system with the standard taskbar tooltips, and pretty much all notifications. Thankfully I found there's some things that can help me out here, and right now my version of Waterfox is looking very modern and spiffy.

So there's two sets of things you'll need if you want to get your Firefox-derivative looking like a proper windows app. First, you'll need this list of extensions. Second, you'll need to write a user-style that looks something like this:


#navigator-toolbox {
    background-color: transparent;
    margin: 0px 0px 0px 0px;
}
#browser-panel {
    margin: 0px -1px -1px -1px;
}
#titlebar-content {
    background-color: white;
    margin-left: 0px;
    margin-top: 1px;
    margin-right: 1px;
}
#TabsToolbar {
    background-color: white;
    margin-top: 0px !important;
}
#toolbar-menubar {
    background-color: white;
}

After that, you should be good, just might need some tweaking. But this is just me, you may like it looking another way. So go ahead, explore, and try new things!