Change Default Badge Colors (Bronze, Silver, Gold)

[ondrej]

I’m no css wizard but this would be my solution… Just change the colours to whatever you want to match your theme colours better from below. Also I’d recommend reading this topic its was very helpful to me in the past as it helped me learn to do cool stuff with my site.

Make CSS changes on Your Site

Want to make some CSS changes on your Discourse site but not sure where to start? You’ve come to the right place! You only need to read this topic if you’re very new to CSS. If you already know how to write and add CSS to your Discourse site, then you will most likely not need to read this topic. We’ll cover a few subjects. We’ll start with a brief introduction of what CSS is and some terms that you need to know. We will then move on to how you can add CSS to your Discourse site. Finally…

---

Bronze

.badge-card .badge-contents .badge-icon.badge-type-bronze .fa {
    color: #cd7f32 !important;
}

Silver

.badge-card .badge-contents .badge-icon.badge-type-silver .fa {
    color: silver !important;
}

Gold

.badge-card .badge-contents .badge-icon.badge-type-gold .fa {
    color: #e7c300 !important;
}