Customize default Resource Manager icon 1.0

Name: Customize default Resource Manager icon
Availability: InStock
Author: roothacker

Совместимость с XF

2.2.x
2.3.x

Краткое описание: Customize your Resource Manager icon with style using extra.less. Change the bland default to vibrant colors and a custom Font Awesome logo. Easy steps included in this guide.

Change default Resource Manager icon
_____________________________________________

I find the original icon a bit "bland", here's how to customize it 😉

In extra.less template, add this:

CSS:

.avatar.avatar--resourceIconDefault {
    color: #9ac4e3 !important;
    background: #eff7fd !important;
    border: 1px solid #b7dbf5;
}
.avatar.avatar--resourceIconDefault > span:before {
content: "\e003";
}

We decrypt the code:
color: #68abdb !important; -> The color of the logo (FA)
background: #eff7fd !important; -> The background color
border: 1px solid #b7dbf5; -> The border color
content: "\e003"; -> The Font Awesome logo

The "Font Awresome" icons can be found here:
https://fontawesome.com/

Автор: roothacker

Просмотры: 472

Первый выпуск: Май 22, 2022

Последнее обновление: Май 22, 2022

Оценки 0.00 звезды 0 оценок

Присоединиться к обсуждению Больше информации

Ссылка не работает? Отправить сообщение команде NP, и мы поможем вам очень быстро!

Поддержите разработчика Если вы довольны тестом или ваш проект приносит доход, нажмите кнопку «Больше информации», чтобы поддержать разработчика покупкой.

Поделиться этим ресурсом