XF2 Tutorials Change Default Resource Manager Icon

[XFdownloadStore]

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

• In extra.less template, add this:

.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:

Font Awesome​

The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.

Enjoy