wiiija on DeviantArthttp://creativecommons.org/licenses/by-nc/3.0/https://www.deviantart.com/wiiija/art/THE-LINE-FF-Stylish-UI-642089750wiiija

Deviation Actions

wiiija's avatar

THE LINE - FF - Stylish UI

By
Published:
2.2K Views

Description

My final version for now, based on Arc-Flatabulous GTK and windows themes. This works on both dev and standard, Dev with dev theme is how I run it myself, but it shouldn't matter at all. What I dont know is how it would react if you run a ton of extensions visible, I imagine badly, just put them in the menu IF this is the case.


At the very top of the code, clearly marked are a width/margin, you WILL need to adjust these to fit your monitor res, I'm looking for an auto solution for this. It's currently set for my 2560x1440.
If your new tab button is the cross, simply go to customize in firefox menu, remove it, then re-add it to get the embedded icon.

CSS is uploaded but for best results get it from userstyles.org/styles/134127/l… for updates as and when they happen.

Again though you will need addons.mozilla.org/en-US/firef… and tick make menu button moveable to have it in the correct place. Another thing that needs a fix.

If anybody would like to offer help on the menu button thing and/or the margin settings needed them feel free to get in touch.
Comments6
Join the community to add your comment. Already a deviant? Log In
wiiija's avatar
Look for this in the code:

/* Center tab text. */

.tab-text {
    margin-top: -3px !important;
    opacity: 0.3 !important;
    text-align: center !important;
}

Just up the opacity, 1 is no transparency. To change color use

/* Center tab text. */

.tab-text {
    color: #ffffff !important;
    margin-top: -3px !important;
    opacity: 0.3 !important;
    text-align: center !important;
}

and change the # code to any color you want, as long as I haven'y adjusted it anywhere else in the code that will work perfectly.