Possible to change the colors of badges from gold, silver and bronze to 3 colors that would better match our theme colors? Would like to change them to match a little better.

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. [صورة] Making custom CSS changes on your site Site Management bookmark This guide explains how to make CSS changes on your Discourse site, including an introduction to CSS, where to add CSS in Discourse, and how to find the right selectors using browser inspection tools. person_raising_hand Required user level: Administrator Summary This guide covers: A brief introduction to CSS and key concepts How to add CSS to your Discourse site using theme components Using browser inspection tools to find the right CSS selectors Understanding CSS basics C… 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; }

Do you just use inspect to find stuff? Got them all changed, but now trying to work on the ones that show on the user card. Chrome inspect the way to try to find our what things are named?

Yep just inspect stuff to find the class of what you need to make customisations. I find the styleguide helpful too.

Amazing! That style guide is key. It literally helped me adjust everything (styling before launch). Do you know if you can access the admin section from that? I couldn’t find it. The only thing left to address is the color of users per trust level. Tried to inspect but nothing would change this little bronze color container. This is the final task and I am determined to get it done today haha [Screenshot 2023-07-30 at 8.02.18 AM]

that is in the admin dashboard so regular users won’t see it anyways. but here you go: TL 1: .user-metrics .table-cell.user-basic { background: [insert color code or variable here]; } TL 2: .user-metrics .table-cell.user-member { background: [insert color code or variable here]; } TL 3: .user-metrics .table-cell.user-regular { background: [insert color code or variable here]; } TL 4: .user-metrics .table-cell.user-leader { background: [insert color code or variable here]; }

Amazing. My OCD thanks you very much!!! :joy:

تغيير ألوان الشارات الافتراضية (البرونزي، الفضي، الذهبي)

مطور

ondrej 30 يوليو 2023، 9:18ص 6

نعم، فقط قم بفحص العناصر للعثور على الفئة التي تحتاجها لإجراء التخصيصات. أجد أيضًا دليل الأنماط مفيدًا.

الموضوع		الردود	مرات العرض
Heart badge icons on user profiles shouldn't be pink Bug	8	2556	17 مارس 2016
Notification color: light blue Product Support	1	672	11 مايو 2021
Is it possible to add a colored badge background to a user title? Product Support	10	2735	26 أغسطس 2017
Experimental user card - silver badges not visible Site feedback	1	647	2 يناير 2023
Switching the discourse color scheme: Changing Red Hues in CSS Product Support	3	1255	1 سبتمبر 2023

تغيير ألوان الشارات الافتراضية (البرونزي، الفضي، الذهبي)

الموضوعات ذات الصلة