Like, Quote, Reply Button Edit

[Masetrix]

And here's another example in the style of a standard XF 2.1.3 with multi-quotes button.
But much more plastic ...

extra.less add:

.actionBar-action--report, .actionBar-action--edit, .actionBar-action--history, .actionBar-action--delete, .actionBar-action--spam, .actionBar-action--warn, .actionBar-action--ip {
display:inline-block;
padding: 2px 6px 2px;
line-height: 19px !important;
border-radius: 5px;
background: linear-gradient(to bottom, rgb(255, 244, 229) 30%, mix(@xf-paletteAccent1, @xf-paletteAccent2) 80%) !important;
color: #000000 !important;
    border: 1px outset #990000 !important;
    &:hover {
        display: inline-block !important;
        color: rgb(255, 255, 255) !important;
        border-radius: 5px;
        background: linear-gradient(to bottom, #93b6cc 10%, #185886 40%) !important;
    }
}
.actionBar-action--reply, .actionBar-action--mq, .actionBar-action--like, .actionBar-action--reaction, .button--multiQuote, .button--icon--reply, .button--icon--preview, .button--icon--attach {
display: inline-block !important;
padding: 3px 7px 3px;
line-height: 19px !important;
border-radius: 5px;
background: linear-gradient(to bottom, rgb(255, 244, 229) 20%, mix(@xf-paletteAccent1, @xf-paletteAccent2) 90%) !important;
color: #000000 !important;
border: 1px outset #990000 !important;
    &:hover {
        display: inline-block !important;
        color: rgb(255, 255, 255) !important;
        border-radius: 5px;
        background: linear-gradient(to bottom, #93b6cc 10%, #185886 40%) !important;
    }  
}

 

[Jordyn]

And here's another example in the style of a standard XF 2.1.3 with multi-quotes button.
But much more plastic ...

extra.less add:

.actionBar-action--report, .actionBar-action--edit, .actionBar-action--history, .actionBar-action--delete, .actionBar-action--spam, .actionBar-action--warn, .actionBar-action--ip {
display:inline-block;
padding: 2px 6px 2px;
line-height: 19px !important;
border-radius: 5px;
background: linear-gradient(to bottom, rgb(255, 244, 229) 30%, mix(@xf-paletteAccent1, @xf-paletteAccent2) 80%) !important;
color: #000000 !important;
    border: 1px outset #990000 !important;
    &:hover {
        display: inline-block !important;
        color: rgb(255, 255, 255) !important;
        border-radius: 5px;
        background: linear-gradient(to bottom, #93b6cc 10%, #185886 40%) !important;
    }
}
.actionBar-action--reply, .actionBar-action--mq, .actionBar-action--like, .actionBar-action--reaction, .button--multiQuote, .button--icon--reply, .button--icon--preview, .button--icon--attach {
display: inline-block !important;
padding: 3px 7px 3px;
line-height: 19px !important;
border-radius: 5px;
background: linear-gradient(to bottom, rgb(255, 244, 229) 20%, mix(@xf-paletteAccent1, @xf-paletteAccent2) 90%) !important;
color: #000000 !important;
border: 1px outset #990000 !important;
    &:hover {
        display: inline-block !important;
        color: rgb(255, 255, 255) !important;
        border-radius: 5px;
        background: linear-gradient(to bottom, #93b6cc 10%, #185886 40%) !important;
    } 
}

View attachment 208215

View attachment 208216

omg, Haha, that looks soo good to!! Congrats.