how to return theming, which was in PM19 ?
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
[Solved] why such toxic colors?
Moderator: trava90
Forum rules
This board is for technical/general usage questions and troubleshooting for the Pale Moon browser only.
Technical issues and questions not related to the Pale Moon browser should be posted in other boards!
Please keep off-topic and general discussion out of this board, thank you!
This board is for technical/general usage questions and troubleshooting for the Pale Moon browser only.
Technical issues and questions not related to the Pale Moon browser should be posted in other boards!
Please keep off-topic and general discussion out of this board, thank you!
-
aleks_123
[Solved] why such toxic colors?
Last edited by aleks_123 on 2013-04-11, 13:57, edited 1 time in total.
-
dark_moon
Re: why such toxic colors?
Welcome to the forum.
Look here: http://forum.palemoon.org/viewtopic.php?f=1&t=2392:
Theming has been worked on to provide better contrast on glass/dark themes and to work around styling issues present in v19.
You will notice slightly colored, light icons on glass and dark themes, and the standard (previous) set of icons on light themes.
You can simple change the icons with a CSS script.:
#navigator-toolbox[mode=icons] > #nav-bar :-moz-any(#back-button,#forward-button,#reload-button,#stop-button,#home-button,#print-button,#downloads-button,#history-button,#bookmarks-button,#bookmarks-menu-button,#new-tab-button,#new-window-button,#cut-button,#copy-button,#paste-button,#fullscreen-button,#zoom-out-button,#zoom-in-button,#sync-button,#feed-button,#alltabs-button,#tabview-button):not(:-moz-any(#alltabs-button,#tabview-button,#new-tab-button,#sync-button[status])) > .toolbarbutton-icon,#bookmarks-menu-button.bookmark-item{list-style-image:url("file:///X:/Program Files/Pale Moon/image.png")!important}
Just change the path to your image. So can find the original image here: chrome://browser/skin/Toolbar-inverted.png
Look here: http://forum.palemoon.org/viewtopic.php?f=1&t=2392:
Theming has been worked on to provide better contrast on glass/dark themes and to work around styling issues present in v19.
You will notice slightly colored, light icons on glass and dark themes, and the standard (previous) set of icons on light themes.
You can simple change the icons with a CSS script.:
#navigator-toolbox[mode=icons] > #nav-bar :-moz-any(#back-button,#forward-button,#reload-button,#stop-button,#home-button,#print-button,#downloads-button,#history-button,#bookmarks-button,#bookmarks-menu-button,#new-tab-button,#new-window-button,#cut-button,#copy-button,#paste-button,#fullscreen-button,#zoom-out-button,#zoom-in-button,#sync-button,#feed-button,#alltabs-button,#tabview-button):not(:-moz-any(#alltabs-button,#tabview-button,#new-tab-button,#sync-button[status])) > .toolbarbutton-icon,#bookmarks-menu-button.bookmark-item{list-style-image:url("file:///X:/Program Files/Pale Moon/image.png")!important}
Just change the path to your image. So can find the original image here: chrome://browser/skin/Toolbar-inverted.png
-
Moonchild
- Project founder

- Posts: 38961
- Joined: 2011-08-28, 17:27
- Location: Sweden
Re: why such toxic colors?
To invert the icons on a bright-text persona if it doesn't work well for you, put this in chrome\userChrome.css:
To always override inverted icons and use the non-inverted icons regardless of persona or glass, also add:
Code: Select all
.toolbarbutton-1:-moz-lwtheme-brighttext {
list-style-image: url("chrome://browser/skin/Toolbar.png") !important;
}Code: Select all
#home-button.bookmark-item:-moz-lwtheme-brighttext {
list-style-image: url("chrome://browser/skin/Toolbar.png") !important;
}
#bookmarks-menu-button.bookmark-item:-moz-lwtheme-brighttext {
list-style-image: url("chrome://browser/skin/Toolbar.png") !important;
}
:-moz-any(#toolbar-menubar, #nav-bar[tabsontop=false]) :-moz-any(#back-button, #forward-button, #reload-button, #stop-button, #home-button, #print-button, #downloads-button, #downloads-indicator, #history-button, #bookmarks-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #cut-button, #copy-button, #paste-button, #fullscreen-button, #zoom-out-button, #zoom-in-button, #sync-button, #feed-button, #alltabs-button, #tabview-button, #webrtc-status-button):not(:-moz-any(#alltabs-button,#tabview-button,#sync-button[status])) > .toolbarbutton-icon:not(:-moz-lwtheme),
#TabsToolbar[tabsontop=true] :-moz-any(#back-button, #forward-button, #reload-button, #stop-button, #home-button, #print-button, #downloads-button, #downloads-indicator, #history-button, #bookmarks-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #cut-button, #copy-button, #paste-button, #fullscreen-button, #zoom-out-button, #zoom-in-button, #sync-button, #feed-button, #alltabs-button, #tabview-button, #webrtc-status-button):not(:-moz-any(#alltabs-button,#tabview-button,#new-tab-button,#sync-button[status])) > .toolbarbutton-icon:not(:-moz-lwtheme),
#nav-bar + #customToolbars + #PersonalToolbar[collapsed=true] + #TabsToolbar[tabsontop=false]:last-child :-moz-any(#back-button, #forward-button, #reload-button, #stop-button, #home-button, #print-button, #downloads-button, #downloads-indicator, #history-button, #bookmarks-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #cut-button, #copy-button, #paste-button, #fullscreen-button, #zoom-out-button, #zoom-in-button, #sync-button, #feed-button, #alltabs-button, #tabview-button, #webrtc-status-button):not(:-moz-any(#alltabs-button,#tabview-button,#new-tab-button,#sync-button[status])) > .toolbarbutton-icon:not(:-moz-lwtheme) {
list-style-image: url("chrome://browser/skin/Toolbar.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
-
dark_moon
Re: why such toxic colors?
Please add the topic a {solved} at the beginning, if the problem is solved for you.