[Release] Various theme ports/forks

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

Moderators: Indalecio, satrow, Lootyhoof, Andrew Gilbertson

User avatar
TechnoLurker
Hobby Astronomer
Hobby Astronomer
Posts: 15
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: 881
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: 881
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: 881
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! :)

User avatar
Lootyhoof
Themeist
Themeist
Posts: 881
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: 992
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
Add-ons Team
Add-ons Team
Posts: 88
Joined: Sat Jan 14, 2017 2:40 am
Location: Manila, Philippines
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. ;)
Image

User avatar
Lootyhoof
Themeist
Themeist
Posts: 881
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: 881
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%!)

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

Re: [Release] Various theme ports/forks

Postby Lootyhoof » Sat Apr 29, 2017 8:35 pm

Littlemoon, MicroMoon and Nauticalia have been updated.

What's new?
- fix learn more links in popup notifications
- add image document favicon for when viewing standalone images

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

Re: [Release] Various theme ports/forks

Postby Lootyhoof » Sun May 07, 2017 3:32 pm

Qute Large and Qute Legacy have been updated to v2.0.0! In this release, basic macOS support has been added, so now our Mac friends can enjoy Qute as much as we already do. It also adds several new icons (replacing default icons) in both, and fixes icons otherwise. Support for Home Styler (about:home) has been added.

Detailed changes are included in the changelog on GitHub, however in general what is new:
- merge in macOS styling (basic macOS support)
- add image document favicon for viewing standalone images
- add about:home styling for Home Styler
- make the security popup padlock icon more theme-native
- make the unified reload-stop-go controls more theme-native
- remove redundant Social API components
- sync notification popup styling with default
- sync permissions manager styling with default
- sync devtools styling with default
- allow extensions to style their own toolbarbutton-badge
- fix tab close icon mapping
- provide smaller toolbar image for extension compatibility
- improve appmenu appearance on Linux

User avatar
TechnoLurker
Hobby Astronomer
Hobby Astronomer
Posts: 15
Joined: Wed Mar 01, 2017 4:23 pm

Re: [Release] Various theme ports/forks

Postby TechnoLurker » Thu May 11, 2017 1:34 pm

Love all the themes and theme updates. Keep up the good work! :thumbup:

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

Re: [Release] Various theme ports/forks

Postby Lootyhoof » Thu May 11, 2017 9:23 pm

I'm happy to announce the availability of Qute4PM v2.0.0! This version, in addition to having Mac support, also now has HiDPI-capable toolbar images, re-built from their original source vectors (where possible). Now even higher density displays can see Qute in the same way standard displays do!

Image

What's new?
- merge in macOS styling (basic macOS support)
- add HiDPI-capable toolbar images
- add new hover/click/disabled states for all icons (including most extension icons)
- add image document favicon for viewing standalone images
- add about:home styling for Home Styler
- remove redundant Social API components
- improve private browsing indicator styling
- add new download notification icons
- improve library toolbar appearance
- sync about:support styling with default
- sync notification popup styling with default
- sync permissions manager styling with default
- sync devtools styling with default
- allow extensions to style their own toolbarbutton-badge
- fix tab close icon mapping
- fix learn more links in notification popups
- provide smaller toolbar image for extension compatibility
- improve appmenu appearance on Linux
- cleanup of redundant files/icons

Pale as the Moon
Banned user
Banned user
Posts: 41
Joined: Sat Feb 11, 2017 9:51 pm

Re: [Release] Various theme ports/forks

Postby Pale as the Moon » Wed May 17, 2017 12:36 pm

Hi Lootyhoof,

thanks for the ver. 2.0 update of White Moon. It looks great, but there is still some room for improvement. My proposals would be as follows:

1) When tabs are set to be on top there is zero space between the tabs and the upper edge of the display. In OS X the menu bar appears when you reach the upper edge of the display with the cursor, hence why the menu bar almost always pops in when I try to change tabs. I suggest you insert some space between the upper edge of the display and the tabs, in order to prevent this behavior.
2) In the Mac version of Firefox the tabs appear right next to the close/minimize/maximize button at the top left corner of the screen when the browser is not in fullscreen mode and the title bar is deactivated. This looks nicer than always having the tabs below the title bar, and fits better into the overall design of the OS.
3) The title bar still isn't covered by the theme at all. But this has already been brought up before, and can't be fixed as of now it seems.

This picture of Firefox for Mac should give you an idea of what I mean by my first and second point: https://support.cdn.mozilla.net/media/u ... ca023b.png
You see:
- the tabs are next to the close/minimize/maximize buttons at the top left corner
- there is some space between the tabs and the upper edge of the display

Hope these suggestions are taken into consideration. They could apply to all Mac-compatible themes.

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

Re: [Release] Various theme ports/forks

Postby Lootyhoof » Wed May 17, 2017 12:59 pm

Pale as the Moon wrote:1) When tabs are set to be on top there is zero space between the tabs and the upper edge of the display. In OS X the menu bar appears when you reach the upper edge of the display with the cursor, hence why the menu bar almost always pops in when I try to change tabs. I suggest you insert some space between the upper edge of the display and the tabs, in order to prevent this behavior.

Having tabs at the top applies to Fitt's Law, and considering there is still plenty of space to click tabs (and you'd need to position the cursor just below the top anyway if this were implemented) I see no reason to change this. Or does this apply when clicking any part of the tab?

Pale as the Moon wrote:2) In the Mac version of Firefox the tabs appear right next to the close/minimize/maximize button at the top left corner of the screen when the browser is not in fullscreen mode and the title bar is deactivated. This looks nicer than always having the tabs below the title bar, and fits better into the overall design of the OS.
3) The title bar still isn't covered by the theme at all. But this has already been brought up before, and can't be fixed as of now it seems.

We can't draw in the titlebar, period. These points are not possible.

Pale as the Moon
Banned user
Banned user
Posts: 41
Joined: Sat Feb 11, 2017 9:51 pm

Re: [Release] Various theme ports/forks

Postby Pale as the Moon » Wed May 17, 2017 1:30 pm

Lootyhoof wrote:Having tabs at the top applies to Fitt's Law, and considering there is still plenty of space to click tabs (and you'd need to position the cursor just below the top anyway if this were implemented) I see no reason to change this. Or does this apply when clicking any part of the tab?

It does not "always" happen. However, you have to click on the tabs very carefully in order to prevent the menu bar from popping up. It is somewhat annoying. The tabs are not THAT thick, you know... I mean, there is a reason why the Firefox devs decided to leave some space in between. Please consider it. A few pixels lost are better than almost always accidentally getting into the menu bar.

Here is a bug I have noticed when using White Moon additionally:

There is a new bug which has come to my attention lately and should be added to the list:

- Sometimes bookmark icons/favicons in the bookmarks bar are getting blown up to huge sizes. The sizes vary but can reach dimensions up to 20 times the size of the original icon. The process seems to be random and it happens with both new and old bookmarks. Does not happen with current Firefox 53.0.2 if that helps.

Pale Moon 27.2.1, OS X 10.11.6

Edit: The last bug I reported (bookmark icons/favicons blowing up to huge sizes) seems to be theme-related. When deactivating White Moon 2.0 the bug disappears. I'll report it in the forum section debating themes.

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

Re: [Release] Various theme ports/forks

Postby Lootyhoof » Wed May 17, 2017 8:26 pm

Pale as the Moon wrote:
Lootyhoof wrote:Having tabs at the top applies to Fitt's Law, and considering there is still plenty of space to click tabs (and you'd need to position the cursor just below the top anyway if this were implemented) I see no reason to change this. Or does this apply when clicking any part of the tab?

It does not "always" happen. However, you have to click on the tabs very carefully in order to prevent the menu bar from popping up. It is somewhat annoying. The tabs are not THAT thick, you know... I mean, there is a reason why the Firefox devs decided to leave some space in between. Please consider it. A few pixels lost are better than almost always accidentally getting into the menu bar.

From a quick test this appears to be in "full screen mode" (don't agree with how Apple changed the expand button IMO, but...), and specifically the topmost line of pixels. All other targets don't bring the system menu up.

In all honesty this could happen in any event, as it's instinctual to point the cursor to the very top of the screen for tab controls and whatnot if they're nearly on top anyway, so I'd imagine this will happen regardless. There is plenty of space to click a tab outside of the topmost pixel, too.

The approach Mozilla has taken is because it's not possible to take tabs off the top in Firefox now. Honestly, if you're using full screen mode, I would actually recommend turning off tabs-on-top to prevent habits like this. There is a good reason Apple's own browser, Safari, still doesn't adopt tabs-on-top.

Pale as the Moon wrote:There is a new bug which has come to my attention lately and should be added to the list:

- Sometimes bookmark icons/favicons in the bookmarks bar are getting blown up to huge sizes. The sizes vary but can reach dimensions up to 20 times the size of the original icon. The process seems to be random and it happens with both new and old bookmarks. Does not happen with current Firefox 53.0.2 if that helps.

Pale Moon 27.2.1, OS X 10.11.6

Edit: The last bug I reported (bookmark icons/favicons blowing up to huge sizes) seems to be theme-related. When deactivating White Moon 2.0 the bug disappears. I'll report it in the forum section debating themes.

Do you have an example of such a site (that you've added as a bookmark)?

Mitchblue
New to the forum
New to the forum
Posts: 1
Joined: Thu May 18, 2017 9:21 am

Re: [Release] Various theme ports/forks

Postby Mitchblue » Thu May 18, 2017 9:26 am

I started to use Pale Moon for one reason, at least at the start, DarkPitch. I love this theme. Thank you..

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

Re: [Release] Various theme ports/forks

Postby Lootyhoof » Fri May 19, 2017 11:05 pm

Mitchblue wrote:I started to use Pale Moon for one reason, at least at the start, DarkPitch. I love this theme. Thank you..

No problem. :thumbup: Thanks for the support!

Pale as the Moon
Banned user
Banned user
Posts: 41
Joined: Sat Feb 11, 2017 9:51 pm

Re: [Release] Various theme ports/forks

Postby Pale as the Moon » Sat May 20, 2017 10:15 am

Lootyhoof wrote:Do you have an example of such a site (that you've added as a bookmark)?

Again, the process appears to be random, as it happens with both old and new as well as imported and native bookmarks. I could give you some examples, but apparently this regression could happen with any bookmark having an icon/favicon. Hope this gets fixed soon.

Happens with White Moon ver. 2.0 on both an iMac (OS X 10.11.6, Pale Moon 27.2.1) and a MacBook Pro (OS X 10.11.6, Pale Moon 27.2.1).

Reverting back to White Moon ver. 1.6.4 fixes this issue, as well as reverting back to the default theme. The bug has to be in White Moon ver. 2.0.


Return to “Themes”

Who is online

Users browsing this forum: No registered users and 2 guests