Early Australis Theme

Board for discussions around the Basilisk web browser.

Moderator: Basilisk-Dev

User avatar
slendertechofficial
Apollo supporter
Apollo supporter
Posts: 32
Joined: 2023-06-23, 17:17

Early Australis Theme

Unread post by slendertechofficial » 2024-01-20, 14:04

Image

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? :think:

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 :thumbup:.
Connor Bosler
Head/Co-founder of
Image

User avatar
joydivision47
Moongazer
Moongazer
Posts: 8
Joined: 2023-12-30, 01:45
Location: New Zealand

Re: Early Australis Theme

Unread post by joydivision47 » 2024-01-21, 07:05

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.
Image

User avatar
slendertechofficial
Apollo supporter
Apollo supporter
Posts: 32
Joined: 2023-06-23, 17:17

Re: Early Australis Theme

Unread post by slendertechofficial » 2024-01-25, 00:57

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 :thumbup:.
Connor Bosler
Head/Co-founder of
Image

User avatar
Moonchild
Pale Moon guru
Pale Moon guru
Posts: 35602
Joined: 2011-08-28, 17:27
Location: Motala, SE
Contact:

Re: Early Australis Theme

Unread post by Moonchild » 2024-01-25, 08:27

Would help if you could indicate exactly what you mean with the "3D look"
"Sometimes, the best way to get what you want is to be a good person." -- Louis Rossmann
"Seek wisdom, not knowledge. Knowledge is of the past; wisdom is of the future." -- Native American proverb
"Linux makes everything difficult." -- Lyceus Anubite

Blacklab
Board Warrior
Board Warrior
Posts: 1080
Joined: 2012-06-08, 12:14

Re: Early Australis Theme

Unread post by Blacklab » 2024-01-25, 12:19

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

User avatar
Basilisk-Dev
Lunatic
Lunatic
Posts: 321
Joined: 2022-03-23, 16:41
Location: Chamber of Secrets
Contact:

Re: Early Australis Theme

Unread post by Basilisk-Dev » 2024-01-25, 13:39

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.
Basilisk Project Owner

viewtopic.php?f=61&p=230756

User avatar
Theresnothinghere
Moongazer
Moongazer
Posts: 9
Joined: 2023-08-03, 12:19

Re: Early Australis Theme

Unread post by Theresnothinghere » 2024-01-27, 13:49

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

User avatar
slendertechofficial
Apollo supporter
Apollo supporter
Posts: 32
Joined: 2023-06-23, 17:17

Re: Early Australis Theme

Unread post by slendertechofficial » 2024-02-10, 01:10

Basilisk-Dev wrote:
2024-01-25, 13:39
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.
Connor Bosler
Head/Co-founder of
Image

User avatar
slendertechofficial
Apollo supporter
Apollo supporter
Posts: 32
Joined: 2023-06-23, 17:17

Re: Early Australis Theme

Unread post by slendertechofficial » 2024-02-10, 01:13

Theresnothinghere wrote:
2024-01-27, 13:49
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.
Connor Bosler
Head/Co-founder of
Image

User avatar
gabrgv
Hobby Astronomer
Hobby Astronomer
Posts: 17
Joined: 2023-10-28, 18:59

Re: Early Australis Theme

Unread post by gabrgv » 2024-03-23, 22:47

slendertechofficial wrote:
2024-01-25, 00:57
I know CSS though, so I should be able to fix that somehow :thumbup:.
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);
}
Attachments
skeuo.png

User avatar
slendertechofficial
Apollo supporter
Apollo supporter
Posts: 32
Joined: 2023-06-23, 17:17

Re: Early Australis Theme

Unread post by slendertechofficial » 2024-03-24, 12:23

gabrgv wrote:
2024-03-23, 22:47
slendertechofficial wrote:
2024-01-25, 00:57
I know CSS though, so I should be able to fix that somehow :thumbup:.
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
(1.78 MiB) Downloaded 10 times
Connor Bosler
Head/Co-founder of
Image

User avatar
gabrgv
Hobby Astronomer
Hobby Astronomer
Posts: 17
Joined: 2023-10-28, 18:59

Re: Early Australis Theme

Unread post by gabrgv » 2024-03-24, 22:55

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…)

User avatar
slendertechofficial
Apollo supporter
Apollo supporter
Posts: 32
Joined: 2023-06-23, 17:17

Re: Early Australis Theme

Unread post by slendertechofficial » 2024-03-26, 11:02

gabrgv wrote:
2024-03-24, 22:55
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!
Connor Bosler
Head/Co-founder of
Image

Post Reply