# Heart badge icons on user profiles shouldn't be pink

**URL:** https://meta.discourse.org/t/heart-badge-icons-on-user-profiles-shouldnt-be-pink/41227
**Category:** Bug
**Created:** [17 במרץ,‏ 2016,‏ 8:22pm UTC](https://meta.discourse.org/t/heart-badge-icons-on-user-profiles-shouldnt-be-pink/41227 "2016-03-17T20:22:58Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![gerhard](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gerhard/32/119479_2.png) [@gerhard](https://meta.discourse.org/u/gerhard)
#### Post date: [17 במרץ,‏ 2016,‏ 8:22pm UTC](https://meta.discourse.org/t/heart-badge-icons-on-user-profiles-shouldnt-be-pink/41227/1 "2016-03-17T20:22:58Z")

</div>

**Steps to reproduce**  
Visit the profile of a user who earned one of the new Like-related badges and take a look at the Badges section (e.g. [sam’s badges](https://meta.discourse.org/users/sam/badges))

**Expected result**  
The icon color of all the new badges should be bronze, silver or gold.

**Actual result**  
All the new badge icons are pink. 😍

 ![](https://global.discourse-cdn.com/meta/original/3X/d/e/de06e9ce8708241bcd7300a777569d77eb5e7289.png)

---

<div class="post-metadata">

### Author: ![tibarra](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tibarra/32/52222_2.png) [@tibarra](https://meta.discourse.org/u/tibarra)
#### Post date: [17 במרץ,‏ 2016,‏ 8:41pm UTC](https://meta.discourse.org/t/heart-badge-icons-on-user-profiles-shouldnt-be-pink/41227/2 "2016-03-17T20:41:55Z")

</div>

By pink you mean the hearts or which ones? Because i see all the other ones in bronze/silver/gold.

---

<div class="post-metadata">

### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [17 במרץ,‏ 2016,‏ 8:45pm UTC](https://meta.discourse.org/t/heart-badge-icons-on-user-profiles-shouldnt-be-pink/41227/3 "2016-03-17T20:45:17Z")

</div>

Yes.

It looks like the CSS for `i.fa.fa-heart` is over-riding the “badge type” CSS

---

<div class="post-metadata">

### Author: ![tibarra](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tibarra/32/52222_2.png) [@tibarra](https://meta.discourse.org/u/tibarra)
#### Post date: [17 במרץ,‏ 2016,‏ 9:18pm UTC](https://meta.discourse.org/t/heart-badge-icons-on-user-profiles-shouldnt-be-pink/41227/4 "2016-03-17T21:18:02Z")

</div>

I think this badges (Admired, Respected, Gives Back, etc.) are meant to be this way, @codinghorror @zogstrip @eviltrout can you tell us?

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [17 במרץ,‏ 2016,‏ 9:19pm UTC](https://meta.discourse.org/t/heart-badge-icons-on-user-profiles-shouldnt-be-pink/41227/5 "2016-03-17T21:19:52Z")

</div>

Nope, this is a bug… not meant to be pink there

---

<div class="post-metadata">

### Author: ![tibarra](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tibarra/32/52222_2.png) [@tibarra](https://meta.discourse.org/u/tibarra)
#### Post date: [17 במרץ,‏ 2016,‏ 9:28pm UTC](https://meta.discourse.org/t/heart-badge-icons-on-user-profiles-shouldnt-be-pink/41227/6 "2016-03-17T21:28:25Z")

</div>

I will fix this if it is ok @sam

---

<div class="post-metadata">

### Author: ![tibarra](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tibarra/32/52222_2.png) [@tibarra](https://meta.discourse.org/u/tibarra)
#### Post date: [17 במרץ,‏ 2016,‏ 10:04pm UTC](https://meta.discourse.org/t/heart-badge-icons-on-user-profiles-shouldnt-be-pink/41227/7 "2016-03-17T22:04:04Z")

</div>

How can i give myself an Admired badge in the local application for the eviltrout user @sam, to test my solution?

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [17 במרץ,‏ 2016,‏ 10:22pm UTC](https://meta.discourse.org/t/heart-badge-icons-on-user-profiles-shouldnt-be-pink/41227/8 "2016-03-17T22:22:30Z")

</div>

If you go to your user’s admin page, you should be able to Grant yourself a badge (so long as you are an Admin/Moderator).

---

<div class="post-metadata">

### Author: ![tibarra](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tibarra/32/52222_2.png) [@tibarra](https://meta.discourse.org/u/tibarra)
#### Post date: [17 במרץ,‏ 2016,‏ 10:33pm UTC](https://meta.discourse.org/t/heart-badge-icons-on-user-profiles-shouldnt-be-pink/41227/9 "2016-03-17T22:33:40Z")

</div>

I already fixed it, i’m waiting for the PR to pass the tests and be merged:

[https://github.com/discourse/discourse/pull/4091](https://github.com/discourse/discourse/pull/4091)

---

<div class="post-metadata">

### Author: ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)
#### Post date: [17 במרץ,‏ 2016,‏ 11:43pm UTC](https://meta.discourse.org/t/heart-badge-icons-on-user-profiles-shouldnt-be-pink/41227/10 "2016-03-17T23:43:01Z")

</div>


