Customize default Resource Manager icon 1.0

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

Compatibilidade com XF

2.2.x
2.3.x

Descrição curta: 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/

Autor: roothacker

Visualizações: 472

Primeiro lançamento: 22/05/2022

Última atualização: 22/05/2022

Avaliações 0,00 estrelas 0 avaliações

Participe da discussão Mais informações

Link quebrado? Enviar mensagem para a equipe NP que vamos ajudá-lo rapidamente!

Apoie o desenvolvedor Se você está satisfeito com o teste ou seu projeto gerou lucro, clique no botão “Mais informações” para apoiar o desenvolvedor comprando.

Compartilhar este recurso