Swap Twitter Hearts for Emoji

twitter-stylish.css

/* Install the Stylish extension for your browser, then add this code
as a new Style. Make sure it applies to the domain 'twitter.com' */
 
/* Tweet any improvements or comments to @mcnees. */
 
/* Hide the heart for un-Faved tweets. */
.ProfileTweet-actionButton .HeartAnimationContainer {
  visibility: hidden;
}
 
/* Replace the heart for un-Faved tweets with an emoji. */
.ProfileTweet-actionButton .HeartAnimationContainer:after {
  content:'⚪️'; 
  visibility: visible;
  display: block;
  position: absolute;
}
 
/* Hide the heart for Faved tweets. */
.ProfileTweet-actionButtonUndo .HeartAnimationContainer {
  visibility: hidden;
}
 
/* Replace the heart for Faved tweets with an emoji. */
.ProfileTweet-actionButtonUndo .HeartAnimationContainer:after {
  content:'💯'; 
  visibility: visible;
  display: block;
  position: absolute;
}
 
/* Change the text color for the Fav count. */
.ProfileTweet-actionCountForPresentation {
 color: #999;
}
 
/* Hide the heart icon for Favs in the notification stream. */
.activity-type-favorite {
 visibility: hidden;
}
 
/* Replace them with an emoji. */
.activity-type-favorite:after {
  content:'⭐️'; 
  visibility: visible;
  display: block;
  position: absolute;
}
 
/* Hide the icons for a favorited mention in notification stream. */
.activity-type-favorited_mention {
 visibility: hidden;
}
 
/* Replace it with an emoji. */
.activity-type-favorited_mention:after {
  content:'🔥'; 
  visibility: visible;
  display: block;
  position: absolute;
}