Customize default Resource Manager icon 1.0

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

免费下载需要注册或登录

作者 roothacker
创建日期 2022/05/22
标签

customize customize default resource manager icon default icon resource manager

概览历史讨论

XF 兼容性

2.2.x
2.3.x

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