Tip: Change Buttoncolors back to grey

[dark_moon]

You can change this in the userchrome.css or use the addon stylish.

Then paste this code in:

Code: Select all

#navigator-toolbox[iconsize=large][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("http://s.gullipics.com/image/7/d/s/6urwyf-j77k47-o1xa/Toolbar.png")!important;}

You can change the url path to the image (only 13kb) with the downloaded image on your drive. Just replace the url with this:
file:///X:/Pale Moon/Toolbar.png

Previews:
Actually Pale Moon:


Old colors with the code:

[Moonchild]

Using a URL like that pointing to http://s.gullipics.com/image/7/d/s/6urwyf-j77k47-o1xa/Toolbar.png is not a good thing. You're making the browser dependent on a file being available on-line. You should save the file locally and point to it with file:// instead of pulling it from the 'net every time you use the browser as pointed out.

[ElQuia]

Hi tried this with palmoon 15 x64: no changes

#navigator-toolbox[iconsize=large][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://C:\Users\Pablo\AppData\Roaming\Moonchild Productions\Pale Moon\Profiles\Firefox Full\Toolbar.png")!important;}

I created a userchrome.css and copied it to the chrome dir of one of the three profiles I use....

no change ¿am I doing something wrong?

[dark_moon]

Do you restart pale moon?

[bobbyphoenix]

I can't get it to work either. I tried both the CSS file, and Styish.

[bobbyphoenix]

Never mind. I got it to work with the Chrome folder. I only used the name "userChrome" without any .css at the end.

[Antonius32]

@dark_moon: Thank you for this useful tip, I've been looking for a way to do this!

[Antonius32]

You can change the url path to the image (only 13kb) with the downloaded image on your drive. Just replace the url with this:
file:///X:/Pale Moon/Toolbar.png

Alternatively, you could store the image in the "chrome" folder (within your Pale Moon profile folder), and replace

Code: Select all

http://s.gullipics.com/image/7/d/s/6urwyf-j77k47-o1xa/Toolbar.png

with

Code: Select all

Toolbar.png

so you have

Code: Select all

#navigator-toolbox[iconsize=large][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("Toolbar.png")!important;}

This way, you have all your style-related files in one location, and what's more, if you ever transfer your profile folder, all style-related files are transferred as well!