How To Replace the Twitter “Heart” Button With A Doughnut (Or Whatever You Want)

Last week, Twitter replaced their star-shaped “Favorite” button with a heart-shaped “Like” button. I don’t like the change, personally — it symbolizes how little control we all have over the massive changes that social media companies make on a whim. But no longer, my friends! Gizmodo just published a little guide on how to replace the heart button with an emoji of your choice. You’ll have to install a browser extension called “Stylish”, which is pretty easy to use, even for someone like me who knows barely anything about code.

You’ll have to create a new “Style” for each change you want to implement, which Gizmodo doesn’t do a very good job explaining, but now I feel like an expert because I’ve created not one but two styles. I followed all of Gizmodo’s instructions for creating my first donut-inspired Twitter style — although Gizmodo’s guide isn’t quite perfect! For example, you must put straight apostrophes around the emoji in the code rather than the curly apostrophes that they have in their article. The code won’t work if you don’t.

I noticed that using the code in that article won’t replace hearts with donuts across the board, though. I still had little hearts showing up all over my notifications column, and I wanted to replace those with donuts, too! So, I created a new style using the same code, except with one variation. Rather than replacing the icon titled “HeartAnimationContainer,” I wanted to replace the one called “Icon–heartBadge” — as you can see below.

It worked!! Now my Twitter feed and my notifications column are filled to the brim with delicious virtual donuts.



Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s