Support Need colorful toolbar

[wehawef]

Hi, i am trying to make colorful toolbar/editor just like this. I tried the official guide:

Editor toolbar button icon styling

This simple guide will explain how to style the editor toolbar button icons. The use of the browser inspector (F12 -> Elements) will be necessary to identify the id and data names ... or good guesswork. If we check the code for the standard...

xenforo.com

but it seem not working for me.



Please help me with these

 

[Spystar]

extra.less

/* color-icones-toolbar */
#xfCustom_krsol-1, #insertImage-1 {
    color: #FB724B;
}
#xfCustom_krsag-1, #insertLink-1 {
    color: #A3CE71;
}
#xfCustom_kbaslik2-1, #fontSize-1 {
    color: #FCD872;
}
#xfCustom_harita-1, #strikeThrough-1, #align-1 {
    color: #EC7EBD;
}
#xfCustom_fa-1, #underline-1, #xfCustom_chat-1 {
    color: #F35369;
}
#xfCustom_tooltip-1, #xfCustom_alinti-1, #italic-1 {
    color: #6BCEBB;
}
#xfCustom_tbr2-1, #xfInsert-1, #bold-1 {
    color: #8C72CB;
}
#xfCustom_tbr-1, #xfSmilie-1, #clearFormatting-1 {
    color: #54C7EC;
}
#xfCustom_kaynak-1, #color-1, #xfList-1 {
    color: #6BCEBB;
}
#redo-1, #undo-1 {
    color: #A3CE71;
}
#xfCustom_kbaslik-1, #fontFamily-1, #xfDraft-1 {
    color: #FB724B;
}
#xfBbCode-1 {
    color: #d61f22;
}
/* fin-color-icones-toolbar */

 

[wehawef]

Thank you very much, Sir.
Thats working on the default style but not on the Custom style:




I have added the codes in both the styles extra.less templates