Изменить цвета значков по умолчанию (Бронза, Серебро, Золото)

Разработка
1

Возможно ли изменить цвета значков с золотого, серебряного и бронзового на три цвета, которые лучше сочетаются с нашей цветовой темой? Хотелось бы немного лучше подобрать их под наш стиль.

2

Я не волшебник CSS, но вот моё решение… Просто измените цвета на те, которые лучше подходят к вашей теме, используя значения ниже. Также рекомендую прочитать эту тему — она очень помогла мне в прошлом, научив делать крутые вещи на моём сайте.

Бронза

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

Серебро

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

Золото

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

Легенда. Огромное спасибо!

5

Вы просто используете инспектор, чтобы найти что-то? Я всё изменил, но теперь пытаюсь разобраться с теми элементами, которые отображаются на карточке пользователя. Инспектор Chrome — это способ попробовать выяснить, как называются эти вещи?

6

Да, просто используйте инспектор элементов, чтобы найти класс того, что нужно изменить. Также я нахожу гайд по стилям полезным.

7

Потрясающе! Этот гайд по стилям — ключевой момент. Он буквально помог мне всё настроить (стилизацию перед запуском). Вы не знаете, можно ли из него получить доступ к админ-панели? Я не смог её найти. Осталось решить только один вопрос: цвет пользователей в зависимости от уровня доверия. Пытался проверить код, но ничего не меняло этот маленький бронзовый контейнер. Это финальная задача, и я полон решимости завершить её сегодня, ха-ха!

Screenshot 2023-07-30 at 8.02.18 AM
Screenshot 2023-07-30 at 8.02.18 AM560×222 4.31 KB

8

Это находится в панели администратора, поэтому обычные пользователи всё равно его не увидят. Но вот что нужно:

TL 1:

.user-metrics .table-cell.user-basic {
    background: [вставьте сюда код цвета или переменную];
}

TL 2:

.user-metrics .table-cell.user-member {
    background: [вставьте сюда код цвета или переменную];
}

TL 3:

.user-metrics .table-cell.user-regular {
    background: [вставьте сюда код цвета или переменную];
}

TL 4:

.user-metrics .table-cell.user-leader {
    background: [вставьте сюда код цвета или переменную];
}
9

Удивительно. Мой ОКР вам очень благодарен!!! :joy: