Ask me anything!

Have a question you always wanted to ask Moonchild but never did? Now's your chance!
From 2026-03-08 to 2026-03-15 I'll be open to any question by the community, after which I'll provide answers.

Go here to participate: https://forum.palemoon.org/viewtopic.php?f=66&t=33222

Possible way to only use theme's toolbar icons? Topic is solved

Add-ons for Pale Moon and other applications
General discussion, compatibility, contributed extensions, themes, plugins, and more.

Moderators: FranklinDM, Lootyhoof

User avatar
ron_1
Knows the dark side
Knows the dark side
Posts: 3082
Joined: 2012-06-28, 01:20

Possible way to only use theme's toolbar icons?

Post by ron_1 » 2026-02-27, 13:04

Is there a way to only use a theme's toolbar icons while letting the OS's theme color the toolbar/menu bar background?

Goodydino
Keeps coming back
Keeps coming back
Posts: 954
Joined: 2017-10-10, 21:20

Re: Possible way to only use theme's toolbar icons?

Post by Goodydino » 2026-02-27, 18:54

The only theme with a toolbar icon that I know about is NoiaMoon, which has an options button. The theme using OS colours would be using mozField and mozDialog to set the colours. (In the case of MacOS, those backgrounds are still the light theme backgrounds - not helpful if one uses the dark OS theme.) In that case, why would you not be able to use the toolbar buttons?

User avatar
ron_1
Knows the dark side
Knows the dark side
Posts: 3082
Joined: 2012-06-28, 01:20

Re: Possible way to only use theme's toolbar icons?

Post by ron_1 » 2026-02-27, 20:11

Goodydino wrote:
2026-02-27, 18:54
The only theme with a toolbar icon that I know about is NoiaMoon
You misunderstood my question. What I want is to use a theme's back/forward buttons, reload button, and home button, without using the theme's background color.

User avatar
Moonchild
Project founder
Project founder
Posts: 38957
Joined: 2011-08-28, 17:27
Location: Sweden

Re: Possible way to only use theme's toolbar icons?

Post by Moonchild » 2026-02-27, 20:20

You should be able to do that by extracting the theme's toolbar image and using userChrome.css to point to that image.

Code: Select all

.toolbarbutton-1 {
  list-style-image: url("file:///C:/path/to/image.png") !important;
}
"There is no point in arguing with an idiot, because then you're both idiots." - Anonymous
"Seek wisdom, not knowledge. Knowledge is of the past; wisdom is of the future." -- Native American proverb
"Linux makes everything difficult." -- Lyceus Anubite

User avatar
ron_1
Knows the dark side
Knows the dark side
Posts: 3082
Joined: 2012-06-28, 01:20

Re: Possible way to only use theme's toolbar icons?

Post by ron_1 » 2026-02-27, 20:25

Moonchild wrote:
2026-02-27, 20:20
You should be able to do that by extracting the theme's toolbar image and using userChrome.css to point to that image.
Thanks MC, but will this css work on Linux?

User avatar
ron_1
Knows the dark side
Knows the dark side
Posts: 3082
Joined: 2012-06-28, 01:20

Re: Possible way to only use theme's toolbar icons?

Post by ron_1 » 2026-02-27, 20:36

So I'm trying it, and can't get it to work. First, is Toolbar-small.png the right file? (I use small buttons.) Next I can't figure the syntax for Linux. I tried
  • "file:/home/ron/Public/Toolbar-small.png"
  • "file://home/ron/Public/Toolbar-small.png"
  • "file:///home/ron/Public/Toolbar-small.png"
but none of them work.

I also have other code in there (I don't know how it got there as I haven't touch the css file since making this profile). Is the following interfering?

Code: Select all

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); #bookmarks-menu-button toolbarbutton { visibility:collapse !important; }
#star-button { display: none !important; }
#nav-bar-customization-target #bookmarks-menu-button .toolbarbutton-menubutton-button
#nav-bar-customization-target #bookmarks-menu-button .toolbarbutton-menubutton-dropmarker

User avatar
Moonchild
Project founder
Project founder
Posts: 38957
Joined: 2011-08-28, 17:27
Location: Sweden

Re: Possible way to only use theme's toolbar icons?

Post by Moonchild » 2026-02-27, 20:51

if you use small buttons you probably need a different selector and file. I don't really have time to hunt for what exactly you need... Maybe someone else can help!
"There is no point in arguing with an idiot, because then you're both idiots." - Anonymous
"Seek wisdom, not knowledge. Knowledge is of the past; wisdom is of the future." -- Native American proverb
"Linux makes everything difficult." -- Lyceus Anubite

User avatar
ron_1
Knows the dark side
Knows the dark side
Posts: 3082
Joined: 2012-06-28, 01:20

Re: Possible way to only use theme's toolbar icons?

Post by ron_1 » 2026-02-27, 21:02

Well I tried it with regular size buttons and that didn't work as well. Is there a way to strip everything but the buttons from a theme? There are so many files inside of the .xpi, I don't know what can be deleted and what has to stay.

If only the Theme Builder extension could separate the background color of the menu bar and the nav bar.

User avatar
Moonchild
Project founder
Project founder
Posts: 38957
Joined: 2011-08-28, 17:27
Location: Sweden

Re: Possible way to only use theme's toolbar icons?

Post by Moonchild » 2026-02-27, 21:19

ron_1 wrote:
2026-02-27, 21:02
Is there a way to strip everything but the buttons from a theme? There are so many files inside of the .xpi, I don't know what can be deleted and what has to stay.
You can't do it that way. complete themes are replacements for the standard theme, they are not incremental. That's why I suggested you only take out the toolbar PNG and try overriding the standard theme with it using userChrome.
"There is no point in arguing with an idiot, because then you're both idiots." - Anonymous
"Seek wisdom, not knowledge. Knowledge is of the past; wisdom is of the future." -- Native American proverb
"Linux makes everything difficult." -- Lyceus Anubite

User avatar
ron_1
Knows the dark side
Knows the dark side
Posts: 3082
Joined: 2012-06-28, 01:20

Re: Possible way to only use theme's toolbar icons?

Post by ron_1 » 2026-02-27, 22:00

Moonchild wrote:
2026-02-27, 21:19
You can't do it that way. complete themes are replacements for the standard theme,.
Okay. Then out of curiosity, is it possible to make simply an icon theme for Pale Moon?

User avatar
Lootyhoof
Themeist
Themeist
Posts: 1603
Joined: 2012-02-09, 23:35
Location: United Kingdom

Re: Possible way to only use theme's toolbar icons?

Post by Lootyhoof » 2026-02-27, 22:31

I actually made a HowTo on this subject, a long time ago (11 years ago?! :coffee: ):

https://forum.palemoon.org/viewtopic.php?f=19&t=8991

The steps should still be valid. The example themes provided on GitHub will need install.rdf updating but otherwise should be fine. This is already adjusted for Linux use where appropriate.

Alternatively, Compact Moon when paired with its Options extension includes many icon themes and you can set the sizing, so the UI is less "compact".

User avatar
ron_1
Knows the dark side
Knows the dark side
Posts: 3082
Joined: 2012-06-28, 01:20

Re: Possible way to only use theme's toolbar icons?

Post by ron_1 » 2026-02-27, 22:41

Lootyhoof wrote:
2026-02-27, 22:31
I actually made a HowTo on this subject,
Thanks, I'll have to check this out, as well as the Compact Moon theme. Am I understanding correctly that to get the icons you mentioned for the Compact Moon theme is another download in addition the the theme itself?

User avatar
Lootyhoof
Themeist
Themeist
Posts: 1603
Joined: 2012-02-09, 23:35
Location: United Kingdom

Re: Possible way to only use theme's toolbar icons?

Post by Lootyhoof » 2026-02-27, 22:43

To use additional icons within Compact Moon, you simply need to download the Compact Moon Options extension. This also allows you to configure other aspects of this theme to your liking.

User avatar
ron_1
Knows the dark side
Knows the dark side
Posts: 3082
Joined: 2012-06-28, 01:20

Re: Possible way to only use theme's toolbar icons?

Post by ron_1 » 2026-02-27, 22:48

Thanks. I'm trying it out right now. It's very compact, even with all the height settings at +6. I'm definitely not used to it, and not sure I will. But I'll roll with it a couple of days and see what happens. Thanks again.

EDIT
Unchecking "Use small icons" in customize helps a lot!

Goodydino
Keeps coming back
Keeps coming back
Posts: 954
Joined: 2017-10-10, 21:20

Re: Possible way to only use theme's toolbar icons?

Post by Goodydino » 2026-02-28, 18:32

Have you tried the Tangerinemoon theme? It has no global or mozapps directories in it. It uses the system colours.

User avatar
ron_1
Knows the dark side
Knows the dark side
Posts: 3082
Joined: 2012-06-28, 01:20

Re: Possible way to only use theme's toolbar icons?

Post by ron_1 » 2026-02-28, 18:50

Thanks, I have used Tangerinemoon before, as well as Tangomoon, but never realized that they use the system's colors. That with Compact Moon now gives me three options. I guess that's enough to mark this thread as solved.