[Release] Various theme ports/forks

Anything about browser themes, both Full Themes and Lightweight Themes (personas) should go here.

Moderators: satrow, Indalecio, Andrew Gilbertson, Lootyhoof

User avatar
TechnoLurker
Moongazer
Moongazer
Posts: 7
Joined: Wed Mar 01, 2017 4:23 pm

Re: [Release] Various theme ports/forks

Postby TechnoLurker » Wed Mar 08, 2017 5:27 pm

White Moon download animations work fine on 27.1.2 Pale Moon (x64) on Win10 x64 as well.

User avatar
Lootyhoof
Themeist
Themeist
Posts: 733
Joined: Thu Feb 09, 2012 11:35 pm
Location: United Kingdom

Re: [Release] Various theme ports/forks

Postby Lootyhoof » Wed Mar 08, 2017 5:35 pm

TechnoLurker wrote:White Moon download animations work fine on 27.1.2 Pale Moon (x64) on Win10 x64 as well.

Thanks for the confirmation. :thumbup:

User avatar
Lootyhoof
Themeist
Themeist
Posts: 733
Joined: Thu Feb 09, 2012 11:35 pm
Location: United Kingdom

Re: [Release] Various theme ports/forks

Postby Lootyhoof » Thu Mar 23, 2017 10:12 pm

Both Tangomoon and Tangerinemoon have been updated to v2.0.0! This is a major release, and somewhat of an experiment also. In this release, both of these themes now rely entirely on the default themes for each platform, reducing compatibility issues across all platforms. This means that both these themes are now much more compatible with Linux and notably macOS!

Both of these also include an additional customisation feature: the use of CSS variables. What these can do is, for where the variables have been applied in the styling, mean you can just change the variables to drastically change the theme. For example, the following:

Code: Select all

:root {
  --tab-selected-background: red;
  --tab-background: linear-gradient(rgb(245, 26, 38), blue);
  --toolbar-highlight-top: green;
  --toolbar-highlight-bottom: blue;
}


Would produce this:

Image

Or, if you wanted a more simple change:

Code: Select all

:root {
  --toolbar-custom-color: aquamarine;
}


Image

I've tried to pack in many variables to account for all sorts of customisation purposes, though some are more for internal purposes (which is why some will appear more useful than others) - see below:

--forward-button-transition

--navbar-textbox-custom-border

--tab-background
--tab-hover-background
--tab-selected-background
--tab-selected-highlight

--toolbar-custom-color
--toolbar-highlight-top
--toolbar-highlight-bottom
--toolbar-shadow-color

--toolbarbutton-backgroundcolor
--toolbarbutton-active-backgroundcolor
--toolbarbutton-hover-backgroundimage
--toolbarbutton-bordercolor
--toolbarbutton-hover-bordercolor
--toolbarbutton-active-bordercolor
--toolbarbutton-borderradius

I would love for people to have an experiment with these and see how well they work - if people like this enough, I may add this to my other themes. The same goes for the way these themes now use platform styling. The future of these themes is in your hands!

User avatar
Lootyhoof
Themeist
Themeist
Posts: 733
Joined: Thu Feb 09, 2012 11:35 pm
Location: United Kingdom

Re: [Release] Various theme ports/forks

Postby Lootyhoof » Sat Apr 08, 2017 10:31 pm

Littlemoon, MicroMoon, Nauticalia, and Walnutty have been updated, to fix about:home branding.

This is primarily used for my new extension Home Styler, which is based off About Home Themer by Alfred Kayser (also the original author of the above themes). In the future I will add compatibility to other themes, though for now only the above, and Tangomoon and Tangerinemoon, are supported.

Enjoy! :)

dixita
New to the forum
New to the forum
Posts: 1
Joined: Sat Mar 25, 2017 7:36 am
Contact:

Re: [Release] Various theme ports/forks

Postby dixita » Tue Apr 11, 2017 11:41 am

All themes are beautiful.. worth to register forum.

User avatar
Lootyhoof
Themeist
Themeist
Posts: 733
Joined: Thu Feb 09, 2012 11:35 pm
Location: United Kingdom

Re: [Release] Various theme ports/forks

Postby Lootyhoof » Sun Apr 16, 2017 6:24 pm

White Moon has been updated to v2.0.0! This is a major release, designed to finally unify platform stylings for Windows, macOS and Linux. All three are supported! :thumbup:

Among various other icon changes to make the whole theme feel more consistent, this update also makes your about:home look great, thanks to Home Styler:

Image

What's new?
- add about:home styling for Home Styler
- add theme-native icons for statusbar options window
- make dialog icons consistent with other icons
- use theme-native print preview window and icon stylings
- add theme-native directory listing icons
- make about: pages be consistent with the network error page styling
- add new SSL warning icon
- use new blacklisted site icon
- unify platform stylings
- add new padlock icons
- add new activity monitor icons
- adjust tab corners
- cleanup

Note that CSS variables are not used in this theme just yet, as I am still evaluating this technology.

Enjoy! :)

User avatar
LimboSlam
Astronaut
Astronaut
Posts: 939
Joined: Mon Jun 09, 2014 4:43 am
Location: USA

Re: [Release] Various theme ports/forks

Postby LimboSlam » Thu Apr 20, 2017 3:37 am

Lootyhoof, I've been playing around with other themes and I believe this is still a bug in your themes: viewtopic.php?f=45&t=8735&start=40#p108509. However, not just yours as you can see Moonscape. So maybe it's a bug within the browser? See Below:

Troubleshooting Themes.jpg


The above 3 shots is of the Default theme for Pale Moon, below shots are Moonscape. Now, if you can't tell, the "Learn more..." text is duplicated and only one link works.


And yes, I've tested with a clean profile. Same results.
With Pale Moon by my side, surfing the web is quite enjoyable and takes my headaches away! :)
God is not punishing you, He is preparing you. Trust His plan, not your pain.#‎TrentShelton #‎RehabTime

User avatar
FranklinDM
Apollo supporter
Apollo supporter
Posts: 34
Joined: Sat Jan 14, 2017 2:40 am
Location: Felipe (if you get it)
Contact:

Re: [Release] Various theme ports/forks

Postby FranklinDM » Thu Apr 20, 2017 9:35 am

I checked and compared it to the base theme and apparently, we're missing these lines in the notification.css in the global folder.

Code: Select all

.popup-notification-learnmore-link:not([href]) {
  display: none;
}


I tried adding these lines into the notification.css and it's already gone.
(this line kind of hides the learn more link when there's no assigned link, hence :not([href] )

Yeah, it's a bug with the theme. ;)

User avatar
Lootyhoof
Themeist
Themeist
Posts: 733
Joined: Thu Feb 09, 2012 11:35 pm
Location: United Kingdom

Re: [Release] Various theme ports/forks

Postby Lootyhoof » Thu Apr 20, 2017 12:09 pm

FranklinDM wrote:I checked and compared it to the base theme and apparently, we're missing these lines in the notification.css in the global folder.

Code: Select all

.popup-notification-learnmore-link:not([href]) {
  display: none;
}


I tried adding these lines into the notification.css and it's already gone.
(this line kind of hides the learn more link when there's no assigned link, hence :not([href] )

Yeah, it's a bug with the theme. ;)

Aha, thanks for that. I'd been wondering where this lived.

I'll work on this as I find time to do so.

User avatar
Lootyhoof
Themeist
Themeist
Posts: 733
Joined: Thu Feb 09, 2012 11:35 pm
Location: United Kingdom

Re: [Release] Various theme ports/forks

Postby Lootyhoof » Wed Apr 26, 2017 9:27 pm

reinheit has been updated to v2.0.0! This is a major update, adding several new icons and cleaning up a large amount of the codebase (for a total of ~50% reduction in filesize!). This might as well be named the year of big changes at the rate I'm releasing new major versions, heh... :P

What's new?
- add new icons for desktop notifications
- add new icons for mixed content blocking
- add new icons for mouse pointer locking
- add new private browsing indicator icon
- redesign desktop notifications
- fix about page styling
- unify platform stylings
- sync plugins UI with default
- fix learn more links in popup notifications
- fix print preview arrows
- add imagedocument.png for when viewing standalone images
- major cleanup (filesize reduced by ~50%!)


Return to “Themes”

Who is online

Users browsing this forum: No registered users and 3 guests