Page 1 of 1

How to Theme URL Bar Feed Icon

Posted: 2014-05-05, 16:53
by Lootyhoof
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.