JavaScript ist deaktiviert. Für eine optimale Nutzung aktivieren Sie bitte JavaScript in Ihrem Browser, bevor Sie fortfahren.

Customize default Resource Manager icon 1.0

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

Registrieren Sie sich oder melden Sie sich an für kostenlosen Download

Autor roothacker
Erstellungsdatum Mai 22, 2022
Tags

customize customize default resource manager icon default icon resource manager

Übersicht Verlauf Diskussion

XF-Kompatibilität

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