Background Pony #CC50 [@PUBLIQclopAccountant](/forums/meta/topics/site-features-that-you-miss?post_id=5362837#post_5362837)
How about userstyle? eg. the browser extension "Stylus"
```
.interaction--fave .fa,
.interaction--upvote .fa,
.interaction--downvote .fa,
.interaction--comments .fa,
.interaction--hide .fa {
color: transparent;
vertical-align: bottom;
width: 20px; height: 20px;
}
.image-metabar .interaction--fave .fa,
.image-metabar .interaction--upvote .fa,
.image-metabar .interaction--downvote .fa,
.image-metabar .interaction--comments .fa,
.image-metabar .interaction--hide .fa {
width: 30px; height: 30px;
}
.interaction--fave .fa,
.interaction--upvote .fa,
.interaction--downvote .fa,
.interaction--comments .fa {
background-image: url("https://derpicdn.net/img/2017/4/1/1401039/thumb_small.png");
background-size: 206% 206%;
}
.interaction--fave .fa,
.interaction--upvote .fa {
transform: scaleX(-100%);
}
.interaction--fave .fa { background-position: bottom left; }
.interaction--upvote .fa { background-position: top left; }
.interaction--downvote .fa { background-position: top right; }
.interaction--comments .fa { background-position: bottom right; }
.interaction--hide .fa {
background-image: url("https://derpicdn.net/img/2018/3/19/1684973/thumb_small.png");
background-position: top right;
background-size: 180% 180%;
}
```
Pointy pony variant:
```
.interaction--fave .fa,
.interaction--upvote .fa,
.interaction--downvote .fa,
.interaction--comments .fa {
color: transparent;
vertical-align: bottom;
width: 20px; height: 20px;
background-position: top left;
wibackgroun dth-size : 216 0px;% height: 216 0px% ;
}
.image-metabar .interaction--fave .fa,
.image-metabar .interaction--upvote .fa,
.image-metabar .interaction--downvote .fa,
.image-metabar .interaction--comments .fa {
width: 30px; height: 30px;
}
.interaction--fave .fa,
.interaction--upvote .fa,
.interaction--downvote .fa,
.interaction--comments .fa {
background-size: 160% 160%;
}
.interaction--fave .fa,
.interaction--upvote .fa {
transform: scaleX(-100%);
}
.interaction--fave .fa { background-image: url("https://derpicdn.net/img/2017/1/17/1341614/thumb_small.png"); }
.interaction--upvote .fa { background-image: url("https://derpicdn.net/img/2017/1/17/1341613/thumb_small.png"); }
.interaction--downvote .fa { background-image: url("https://derpicdn.net/img/2017/1/17/1341611/thumb_small.png"); }
.interaction--comments .fa { background-image: url("https://derpicdn.net/img/2017/1/17/1341610/thumb_small.png"); }
```
Reason: neater
Edited about a year ago by Background Pony #CC50