Firefox 4.0 Mockup Theme

By SpewBoy
in Tips, Tweaks & Customization

 Share

Recommended Posts

Apprentice

SpewBoy

Posted
Posted (edited)

This is a Firefox theme I have been working on. As the title states, it is based on the Firefox 4.0 mockups that have recently been floating round the net. It's called Strata40. It will transform your Firefox browser into a convincing Firefox 4 lookalike.

strata40_prev.jpg

Strata40_Beta_v0_2_by_SpewBoy.jpg

Go here to download this theme and for installation instructions. It's easier than it looks ;)

And that's it! Enjoy this Firefox 4 lookalike theme and tutorial :D

Edited by SpewBoy
  • Srugie and manifesto
  • Like 2
Link to comment
https://www.neowin.net/forum/topic/807922-firefox-40-mockup-theme/
Share on other sites
Apprentice

SpewBoy

Posted
  • Author
Posted
Really nice.

Does the green loading line work?

Yep. Just follow all of the necessary steps of the tutorial and the loading bar will work. This means you need the Fission addon and my progress bar skin. These are all explained about at the download site :)

Looks good spewboy, I really like it. Although I wish the status bar was more transparent like the top is.

Are you working with BoneyardBrew and others on combining this theme with the 3.7 redux?

BoneyardBrew and I have been discussing working together and it could happen. We might be working separately while sharing elements of our themes until they are the same, then we will combine them into one ;)

Apprentice

SpewBoy

Posted
  • Author
Posted (edited)

Yep. Sure. I can whip up a Stylish script for you that enables the glassed status bar. I'll edit this post with the results.

EDIT: Here is the "Strata40 - Glasser Fixes" script, except without the bits that force the status bar to be opaque. See how this goes for you:

/* force urlbar and searchbar style */

#main-window #searchbar .searchbar-textbox,
#main-window #urlbar
{
  -moz-background-clip: padding;
  background-color: rgba(255, 255, 255, 0.6) !important;
  opacity: 0.99 !important;
  border: 2px solid !important;;
  margin-top: -1px !important;
  height: 24px !important;
  -moz-border-top-colors: rgba(0, 0, 0, 0.1) rgba(255, 255, 255, 0.9)  !important;
  -moz-border-right-colors: rgba(0, 0, 0, 0.1) rgba(255, 255, 255, 0.9) !important;
  -moz-border-left-colors: rgba(0, 0, 0, 0.1) rgba(255, 255, 255, 0.9) !important;
  -moz-border-bottom-colors: rgba(0, 0, 0, 0.35) rgba(255, 255, 255, 0.9) !important;
  -moz-appearance: none !important;
}

/* force glass shaded personal bar */

#PersonalToolbar  {
  -moz-appearance: none !important; 
  background: none !important;
}

.db_downbar {
  -moz-appearance: none !important;
  background-color: rgba(240, 240, 240, 0.99) !important;
}

/* force text black with white glow */

#status-bar,
#FindToolbar,
#personal-bookmarks toolbarbutton,
.toolbarbutton-text,
.statusbarpanel-text,
.findbar-find-fast,
.checkbox-label-box,
#sidebar-title,
#navigator-toolbox .menubar-text,
.tab-text
{
  color: black !important;
  text-shadow: white 0px 0px 4px !important; 
}

/* force show tab-bottom */

.tabs-bottom {
  display: -moz-box !important;
  background: -moz-dialog url("chrome://browser/skin/tabbrowser/tabstrip-bottom.png") repeat !important;
  border: 1px solid !important;
  border-color: rgba(0, 0, 0, 0.6) !important;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-topright: 2px;
}

/* fix non-selected tab alignment and borders */

.tabbrowser-tab:not([selected="true"]), .tabs-newtab-button {
  margin-bottom: 4px !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  border: 2px solid !important;
  border-bottom: 1px solid !important;
  opacity: 1 !important;
  -moz-border-top-colors: rgba(0, 0, 0, 0.3) rgba(255, 255, 255, 0.8) !important;
  -moz-border-right-colors: rgba(0, 0, 0, 0.4) rgba(255, 255, 255, 0.3) !important;
  -moz-border-left-colors: rgba(0, 0, 0, 0.4) rgba(255, 255, 255, 0.3) !important;
  -moz-border-bottom-colors: rgba(0, 0, 0, 0.4) !important;
}

/* apply aero style to sidebar */

sidebarheader {
  -moz-appearance: none !important;
  background: black !important;
  min-height: 27px !important;
  border-bottom: 1px solid !important;
  -moz-border-bottom-colors: rgba(0, 0, 0, 0.4) !important;
  border-top: none !important;
}

#sidebar-splitter 
{
  border: transparent !important;
}

#downbarHolder
 {
  opacity: 0.99 !important;
}

#identity-box {
  -moz-border-start: 1px solid !important;
  -moz-border-left-colors: rgba(255,255,255,1) !important;
}

Paste that over the other stylish script and hopefully it should make the status bar transparent :D

Edited by SpewBoy
Grand Master

ViperAFK

Posted
Posted

fixed the loading bar by updating fission but my urlbar doesn't look quite like your screen shot (left side favicon box)

Also as you see the statusbar text looks bad, can I make the text more readable on the dark background (brighter white glow like titlebar text)

Theme is amazing besides these two issues.

post-159052-1249790491_thumb.png

  • 2 weeks later...
  • 3 weeks later...
Grand Master

trag3dy

Posted
Posted

That's hot. I really like it. Especially the small button version. However I have a certain customization I would like to make...is it possible to change it so the corners on the tabs/new tab button/url bar/search bar are squared? Is it possible modifying the style config? Or are those things part of the skin?

At any rate, it's awesome, great work.

Grand Master

trag3dy

Posted
Posted (edited)

I can't edit my post any more...anyways, I noticed a slight imperfection with the tabs. When you switch from an active to an inactive tab the site icon thing jumps a few pixels to the right. Also the whole text on tabs could stand to be moved to the left a little more, imo. Still nothing game breaking and it looks great. Maybe it's just my Firefox that is like that. I don't have any extensions or user styles that that would affect it though.

Edited by trag3dy
This topic is now closed to further replies.
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.

  • Posts

    • Should Microsoft be forced to stop promoting Edge over other browsers?

      By +Nik Louch · Posted

      Promoting is fine - advertising, informing, whatever.  But interrupting your PAID OS experience is not.
    • Politically funny images of the World

      By snowy owl · Posted

    • Adobe Acrobat Reader DC 2026.001.21662

      By DOOOMKULTUS · Posted

      Why does a PDF software need an audio player inside it. What is this bloat.
    • Microsoft explains why PowerToys 0.100.0 is faster and slimmer, there are new features too

      By sphbecker · Posted

      Sadly, that is the state of things. It's basically considered acceptable for any random app running on your computer to use 1+ GB of RAM, and install space, lol, no one even seems to consider that.
    • EU Commission explains why Siri AI isn't launching in the EU, and Apple is to blame

      By Hamid Ganji · Posted

      EU Commission explains why Siri AI isn't launching in the EU, and Apple is to blame by Hamid Ganji Image via Apple This week at Apple’s 2026 developers conference, the iPhone maker unveiled the upgraded Siri after more than a year of delays. The new Siri is now called Siri AI, and it's powered by Google Gemini models. While Siri AI is preparing to roll out to Apple users worldwide, the company’s EU customers might need to wait much longer before getting their hands on the new assistant. Shortly after announcing iOS 27, Apple said in a blog post that Siri AI is not coming to the EU anytime soon due to hurdles posed by the Digital Markets Act (DMA) and other regulatory requirements. To comply with the DMA in the EU, Apple apparently needs to open Siri AI to rival assistants on iOS 27 and iPadOS 27. Apple has refused to do so, which has resulted in Siri AI being delayed for its EU users. The company argues that such a move would put users’ privacy at risk. In a statement to Neowin, a European Commission spokesperson provided more details about why Siri AI will not be rolled out to Apple customers in the region. The statement first noted that the DMA does not prohibit Apple from launching its services in the EU and that the company is simply required to comply with the law. The European Commission spokesperson added that, since Apple is considered a gatekeeper under the DMA, it is “obliged to give third parties access to equivalent features as they give to its own products. Because the DMA is precisely about giving users the choice to use the product they find best suits their needs.” Moreover, the spokesperson said the Commission has been in contact with Apple, though the company “did not develop proposals for DMA compliant interoperability solutions.” The statement also clarified that companies designated as gatekeepers cannot leverage their status and products, such as operating systems, to favor their own AI services. The first public beta of iOS 27 will roll out next month, while the stable version is expected to launch this fall following the release of the iPhone 18 series. It remains unclear when Apple will be able to resolve its DMA-related compliance issues with the European Commission and bring Siri AI to its European customers.

  • Recent Achievements

    • One Month Later
      pinnclepd earned a badge
      One Month Later
    • First Post
      X-No-file earned a badge
      First Post
    • One Month Later
      johnjacobb40 earned a badge
      One Month Later
    • One Year In
      Primer1st earned a badge
      One Year In
    • Experienced
      JayZJay went up a rank
      Experienced

  • Popular Contributors

    1. 1
      +primortal
      510
    2. 2
      PsYcHoKiLLa
      214
    3. 3
      +Edouard
      145
    4. 4
      Steven P.
      88
    5. 5
      ATLien_0
      83
    Show More

  • Tell a friend

    Love Neowin? Tell a friend!