How to Theme URL Bar Feed Icon

Post your tutorials for using Pale Moon or performing related tasks here.
Note: Not for "how do I...?" Questions!
Forum rules
Tutorials and Howtos should only relate to Pale Moon, and not to third party applications. e.g.: Don't post a Howto for configuring your firewall.
If you have a question how to do something, you should use one of the support boards, not this board. It is meant for people to document and post instructions.
Locked
User avatar
Lootyhoof
Themeist
Themeist
Posts: 1455
Joined: 2012-02-09, 23:35
Location: United Kingdom

How to Theme URL Bar Feed Icon

Post by Lootyhoof » 2014-05-05, 16:53

Using a custom theme only to find the URL Bar's feed icon (introduced not long ago specifically for Pale Moon) isn't themed at all? No problem! Just add this code to userChrome.css (or click "Write New Style" in the Add-ons Manager if Stylish is installed):

Code: Select all

#ub-feed-button,
#ub-feed-button > .button-box,
#ub-feed-button:hover:active > .button-box {
  padding: 0px;
  margin: 0px;
  border: 0px; 
  background-color: transparent !important;
}

#ub-feed-button {
  -moz-appearance: none; 
  min-width: 0px; 
  list-style-image: url("chrome://browser/skin/feeds/feedIcon16.png");
}
Using this, your feed icon will now be themed using the icons from the custom theme you are using, making sure the theme is still applied consistently across the browser.

Locked