How to Theme URL Bar Feed Icon

Post your tutorials for using applications or performing related tasks here.
Note: Not for "how do I...?" Questions!
Forum rules
Tutorials and Howtos should only relate to developed software, and not to third party applications. e.g.: Don't post a generic Howto for configuring a 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.
User avatar
Lootyhoof
Themeist
Themeist
Posts: 1569
Joined: 2012-02-09, 23:35
Location: United Kingdom

How to Theme URL Bar Feed Icon

Unread 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