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
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
Moderators: FranklinDM, Lootyhoof
-
ron_1
- Knows the dark side

- Posts: 3082
- Joined: 2012-06-28, 01:20
Possible way to only use theme's toolbar icons?
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

- Posts: 954
- Joined: 2017-10-10, 21:20
Re: Possible way to only use theme's toolbar icons?
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?
-
ron_1
- Knows the dark side

- Posts: 3082
- Joined: 2012-06-28, 01:20
-
Moonchild
- Project founder

- Posts: 38957
- Joined: 2011-08-28, 17:27
- Location: Sweden
Re: Possible way to only use theme's toolbar icons?
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
"Seek wisdom, not knowledge. Knowledge is of the past; wisdom is of the future." -- Native American proverb
"Linux makes everything difficult." -- Lyceus Anubite
-
ron_1
- Knows the dark side

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

- Posts: 3082
- Joined: 2012-06-28, 01:20
Re: Possible way to only use theme's toolbar icons?
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
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?
- "file:/home/ron/Public/Toolbar-small.png"
- "file://home/ron/Public/Toolbar-small.png"
- "file:///home/ron/Public/Toolbar-small.png"
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-
Moonchild
- Project founder

- Posts: 38957
- Joined: 2011-08-28, 17:27
- Location: Sweden
Re: Possible way to only use theme's toolbar icons?
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
"Seek wisdom, not knowledge. Knowledge is of the past; wisdom is of the future." -- Native American proverb
"Linux makes everything difficult." -- Lyceus Anubite
-
ron_1
- Knows the dark side

- Posts: 3082
- Joined: 2012-06-28, 01:20
Re: Possible way to only use theme's toolbar icons?
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.
If only the Theme Builder extension could separate the background color of the menu bar and the nav bar.
-
Moonchild
- Project founder

- Posts: 38957
- Joined: 2011-08-28, 17:27
- Location: Sweden
Re: Possible way to only use theme's toolbar icons?
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
"Seek wisdom, not knowledge. Knowledge is of the past; wisdom is of the future." -- Native American proverb
"Linux makes everything difficult." -- Lyceus Anubite
-
ron_1
- Knows the dark side

- Posts: 3082
- Joined: 2012-06-28, 01:20
-
Lootyhoof
- Themeist

- Posts: 1603
- Joined: 2012-02-09, 23:35
- Location: United Kingdom
Re: Possible way to only use theme's toolbar icons?
I actually made a HowTo on this subject, a long time ago (11 years ago?!
):
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".
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".
-
ron_1
- Knows the dark side

- Posts: 3082
- Joined: 2012-06-28, 01:20
-
Lootyhoof
- Themeist

- Posts: 1603
- Joined: 2012-02-09, 23:35
- Location: United Kingdom
Re: Possible way to only use theme's toolbar icons?
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.
-
ron_1
- Knows the dark side

- Posts: 3082
- Joined: 2012-06-28, 01:20
Re: Possible way to only use theme's toolbar icons?
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!
EDIT
Unchecking "Use small icons" in customize helps a lot!
-
Goodydino
- Keeps coming back

- Posts: 954
- Joined: 2017-10-10, 21:20
Re: Possible way to only use theme's toolbar icons?
Have you tried the Tangerinemoon theme? It has no global or mozapps directories in it. It uses the system colours.
-
ron_1
- Knows the dark side

- Posts: 3082
- Joined: 2012-06-28, 01:20
Re: Possible way to only use theme's toolbar icons?
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.
