Early Australis Theme

[slendertechofficial]

So, I noticed that the very early versions of the Australis theme are similar to the OSX version of the Australis theme in that they have 3D textures and skeuomorphism. Meanwhile, the the launch version of Australis on Windows is completely flat. Is there any way I could somehow find these early versions of Australis for use on a custom version of Basilisk?

There is a live demo of the theme (at the top of the page) archived here: https://web.archive.org/web/20130828133805/http://people.mozilla.com/~shorlander/files/australis-designSpecs/australis-designSpecs-windows7-mainWindow.html
Although, it seems this demo only works in Pale Moon and Basilisk .

[joydivision47]

You could probably achieve something close to this with the Classic Theme Restorer, It has the ability to change the colour to the aero version as well as the ability to make the search bar smaller.

[slendertechofficial]

Yeah, thanks. Only thing is, you don't have the complete 3D look. I know CSS though, so I should be able to fix that somehow .

[Moonchild]

Would help if you could indicate exactly what you mean with the "3D look"

[Blacklab]

For those interested... there's a nicely done illustrated history of Firefox UI UX design elements by theme author black 7375... including links to 'related forks' Pale Moon and Basilisk: https://github.com/black7375/Firefox-UI ... UX-history

[Basilisk-Dev]

I'm a bit confused as to what exactly you are asking here as well. I'm all in support of adding more skeuomorphism but I don't see enough differences between the demo and current Basilisk to know what you're asking us to change.

The demo is cool, thanks for the link.

[Theresnothinghere]

What you mean is probably this blue-ish 3d background.
By default is is enabled only on Windows Vista and 7 and not on 8, 10 and 11

Windows Vista (with extend kernel) :

bv.JPG

Windows 10 :

b10.jpg

If you want it enabled on all platforms, then I remember that there was such a feature in Classic There Restorer, but I can't recall how it was called.
For full 3D you may need Vista/7

[slendertechofficial]

I'm a bit confused as to what exactly you are asking here as well. I'm all in support of adding more skeuomorphism but I don't see enough differences between the demo and current Basilisk to know what you're asking us to change.

The demo is cool, thanks for the link.

I'm not asking you to change anything, I'm simply trying to find a theme for my own use.

[slendertechofficial]

What you mean is probably this blue-ish 3d background.
By default is is enabled only on Windows Vista and 7 and not on 8, 10 and 11

Not exactly. The Australis Demo is more skeuomorphic than Basilisk on Win7 or Vista, as it is based on the Firefox 4.0 look.

[gabrgv]

I know CSS though, so I should be able to fix that somehow .

Any news on that?

I was playing with the live demo you provided and managed to change some of the icons. I may work on the back-button someday, and on the go/stop-buttons. I’d better do that in a clean profile, though.

Anyway, here’s the code:

Code: Select all

…/chrome/userChrome.css
-----------------------------
.close-icon {
    background-image: -moz-image-rect(url("https://web.archive.org/web/20130909040607im_/http://people.mozilla.com/~shorlander/files/australis-designSpecs/images-win7/closeTab.png"), 0, 16, 16, 0) !important;
}

.close-icon:hover {
    background-image: -moz-image-rect(url("https://web.archive.org/web/20130909040607im_/http://people.mozilla.com/~shorlander/files/australis-designSpecs/images-win7/closeTab.png"), 0, 32, 16, 16) !important;
}

.close-icon:active {
    background-image: -moz-image-rect(url("https://web.archive.org/web/20130909040607im_/http://people.mozilla.com/~shorlander/files/australis-designSpecs/images-win7/closeTab.png"), 0, 48, 16, 32) !important;
}

.tab-close-button:not([selected]):not(:hover) {
    background-image: -moz-image-rect(url("https://web.archive.org/web/20130909040607im_/http://people.mozilla.com/~shorlander/files/australis-designSpecs/images-win7/closeTab.png"), 0, 16, 16, 0) !important;
    visibility: visible !important;
}

.tabs-newtab-button, #TabsToolbar > #new-tab-button, #TabsToolbar > toolbarpaletteitem > #new-tab-button {
    list-style-image: url("https://web.archive.org/web/20130812114236im_/http://people.mozilla.com/~shorlander/files/australis-designSpecs/images-win7/newTab-Icon.png") !important;
}

#bookmarks-menu-button[cui-areatype="toolbar"] {
    -moz-image-region: unset !important;
    list-style-image: url("https://web.archive.org/web/20130909035819im_/http://people.mozilla.com/~shorlander/files/australis-designSpecs/images-win7/toolbarButton-bookmarkUnstarred.png") !important;
}

#bookmarks-menu-button[cui-areatype="toolbar"][starred] {
    -moz-image-region: unset !important;
    list-style-image: url("https://web.archive.org/web/20130909035819im_/http://people.mozilla.com/~shorlander/files/australis-designSpecs/images-win7/toolbarButton-bookmarkstarred.png") !important;
}

#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
    -moz-image-region: unset !important;
    list-style-image: url("https://web.archive.org/web/20130909031320im_/http://people.mozilla.com/~shorlander/files/australis-designSpecs/images-win7/toolbarButton-dropDown.png") !important;
}

dropmarker {
    -moz-appearance: none !important;
    list-style-image: url("https://web.archive.org/web/20130909031320im_/http://people.mozilla.com/~shorlander/files/australis-designSpecs/images-win7/toolbarButton-dropDown.png") !important;
    -moz-box-align: center !important;
}

toolbarbutton[type="menu-button"] {
    -moz-box-align: center !important;
}

#feed-button[cui-areatype="toolbar"]::after {
    display: inline-block;
    content: url(http://web.archive.org/web/20130909031320im_/http://people.mozilla.com/~shorlander/files/australis-designSpecs/images-win7/toolbarButton-dropDown.png);
    -moz-margin-start: -4px;
    padding-top: 3px;
}

.findbar-button > .toolbarbutton-text, :-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > #feed-button[cui-areatype="toolbar"] {
padding-right: 20px !important;
}

#urlbar-reload-button {
float: right;
padding: 3px 4px;
-moz-user-select: none;
cursor: default;
font-size: 0;
line-height: 0;
  display: inline-block;
content: url(https://web.archive.org/web/20130909012841im_/http://people.mozilla.com/~shorlander/files/australis-designSpecs/images-win7/reloadStopGo-reload.png);
width: 16px;
height: 16px;
}

#urlbar-reload-button:hover {
  background-image: -moz-linear-gradient(hsl(200,100%,65%), hsl(200,82%,49%));
border-left: 1px solid hsla(200,100%,18%,.2);
box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1), inset 0 0 2px hsla(0,0%,100%,.15), 0 0 0 1px hsla(210,54%,20%,.05);
}

#urlbar-reload-button:active {
    content: url(https://web.archive.org/web/20130909032337im_/http://people.mozilla.com/~shorlander/files/australis-designSpecs/images-win7/reloadStopGo-reload-hoverActive.png);
}

[slendertechofficial]

I know CSS though, so I should be able to fix that somehow .

Any news on that?

I was playing with the live demo you provided and managed to change some of the icons. I may work on the back-button someday, and on the go/stop-buttons. I’d better do that in a clean profile, though.

Anyway, here’s the code:

Code: Select all

…/chrome/userChrome.css
-----------------------------
.close-icon {
    background-image: -moz-image-rect(url("https://web.archive.org/web/20130909040607im_/http://people.mozilla.com/~shorlander/files/australis-designSpecs/images-win7/closeTab.png"), 0, 16, 16, 0) !important;
}

.close-icon:hover {
    background-image: -moz-image-rect(url("https://web.archive.org/web/20130909040607im_/http://people.mozilla.com/~shorlander/files/australis-designSpecs/images-win7/closeTab.png"), 0, 32, 16, 16) !important;
}

.close-icon:active {
    background-image: -moz-image-rect(url("https://web.archive.org/web/20130909040607im_/http://people.mozilla.com/~shorlander/files/australis-designSpecs/images-win7/closeTab.png"), 0, 48, 16, 32) !important;
}

.tab-close-button:not([selected]):not(:hover) {
    background-image: -moz-image-rect(url("https://web.archive.org/web/20130909040607im_/http://people.mozilla.com/~shorlander/files/australis-designSpecs/images-win7/closeTab.png"), 0, 16, 16, 0) !important;
    visibility: visible !important;
}

.tabs-newtab-button, #TabsToolbar > #new-tab-button, #TabsToolbar > toolbarpaletteitem > #new-tab-button {
    list-style-image: url("https://web.archive.org/web/20130812114236im_/http://people.mozilla.com/~shorlander/files/australis-designSpecs/images-win7/newTab-Icon.png") !important;
}

#bookmarks-menu-button[cui-areatype="toolbar"] {
    -moz-image-region: unset !important;
    list-style-image: url("https://web.archive.org/web/20130909035819im_/http://people.mozilla.com/~shorlander/files/australis-designSpecs/images-win7/toolbarButton-bookmarkUnstarred.png") !important;
}

#bookmarks-menu-button[cui-areatype="toolbar"][starred] {
    -moz-image-region: unset !important;
    list-style-image: url("https://web.archive.org/web/20130909035819im_/http://people.mozilla.com/~shorlander/files/australis-designSpecs/images-win7/toolbarButton-bookmarkstarred.png") !important;
}

#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
    -moz-image-region: unset !important;
    list-style-image: url("https://web.archive.org/web/20130909031320im_/http://people.mozilla.com/~shorlander/files/australis-designSpecs/images-win7/toolbarButton-dropDown.png") !important;
}

dropmarker {
    -moz-appearance: none !important;
    list-style-image: url("https://web.archive.org/web/20130909031320im_/http://people.mozilla.com/~shorlander/files/australis-designSpecs/images-win7/toolbarButton-dropDown.png") !important;
    -moz-box-align: center !important;
}

toolbarbutton[type="menu-button"] {
    -moz-box-align: center !important;
}

#feed-button[cui-areatype="toolbar"]::after {
    display: inline-block;
    content: url(http://web.archive.org/web/20130909031320im_/http://people.mozilla.com/~shorlander/files/australis-designSpecs/images-win7/toolbarButton-dropDown.png);
    -moz-margin-start: -4px;
    padding-top: 3px;
}

.findbar-button > .toolbarbutton-text, :-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > #feed-button[cui-areatype="toolbar"] {
padding-right: 20px !important;
}

#urlbar-reload-button {
float: right;
padding: 3px 4px;
-moz-user-select: none;
cursor: default;
font-size: 0;
line-height: 0;
  display: inline-block;
content: url(https://web.archive.org/web/20130909012841im_/http://people.mozilla.com/~shorlander/files/australis-designSpecs/images-win7/reloadStopGo-reload.png);
width: 16px;
height: 16px;
}

#urlbar-reload-button:hover {
  background-image: -moz-linear-gradient(hsl(200,100%,65%), hsl(200,82%,49%));
border-left: 1px solid hsla(200,100%,18%,.2);
box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1), inset 0 0 2px hsla(0,0%,100%,.15), 0 0 0 1px hsla(210,54%,20%,.05);
}

#urlbar-reload-button:active {
    content: url(https://web.archive.org/web/20130909032337im_/http://people.mozilla.com/~shorlander/files/australis-designSpecs/images-win7/reloadStopGo-reload-hoverActive.png);
}

Hello, thank you very much for your efforts involving restoring this classic, beautiful Firefox/Basilisk theme! I myself have discovered that many of the Windows 7 icons can already be found in the Basilisk theme files. Additionally, I was able to restore some more images by downloading a nightly build of Firefox from 2013 that had the early Australis theme applied, mimic the Windows 7 titlebar buttons (e.g. close, maximize, minimize) from another interactive mock-up (https://web.archive.org/web/20141204175 ... dows7.html), and pull the Windows 7 menu icons from the nightly build and replace the windows 10 ones with them. Something that I did do that isn't accurate to early Australis was make the tab close buttons the ones from pre-Australis Firefox. I simply like those better. I have packaged all of the modifications that I made into a theme called Synergy. Although I did manage to restore most of the old theme, I made the navbar translucent black and put custom imagery behind it. I tried to submit the theme via the Basilisk addons store, but it has yet to be reviewed . There are some bugs that I found in it that I will fix at some point (for example, the titlebar buttons disappear on browser full screen). I'll attach the theme file in case you want to tinker with it or even make modifications to it.

preview.png

synergy@themes.addons.slender.xpi

[gabrgv]

Very nice! I tested here (on Linux) and looks like it needs fixing in the tabs, but the titlebar buttons are showing on fullscreen (they are not default, they look themed to resemble those of win10).

1711316821.png

I don’t know much CSS*, and, as I said, I was just playing with the demo, but I do overall prefer to keep things simple (my “userChrome.css” that is). The bookmark icon is way better now, though.


*In the code a posted above, I made a mistake and one should just delete it (I couldn’t find a way to edit my post):

Code: Select all

.findbar-button > .toolbarbutton-text, :-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > #feed-button[cui-areatype="toolbar"] {
padding-right: 20px !important;
}

(Trying to increase the feed toolbar-button to include the dropmarker…)

[slendertechofficial]

Very nice! I tested here (on Linux) and looks like it needs fixing in the tabs, but the titlebar buttons are showing on fullscreen (they are not default, they look themed to resemble those of win10).
1711316821.png

I don’t know much CSS*, and, as I said, I was just playing with the demo, but I do overall prefer to keep things simple (my “userChrome.css” that is). The bookmark icon is way better now, though.


*In the code a posted above, I made a mistake and one should just delete it (I couldn’t find a way to edit my post):

Code: Select all

.findbar-button > .toolbarbutton-text, :-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > #feed-button[cui-areatype="toolbar"] {
padding-right: 20px !important;
}

(Trying to increase the feed toolbar-button to include the dropmarker…)

Unfortunately for you, I probably won't ever properly port the theme to Linux, as I am a Windows user and never plan to use Linux. But, if you'd like to do it yourself, contributions are always welcome!