xF2 Template Modification Change the appearance of the "Reply", "Like" buttons

[guclusat]

In extra.less add.

.actionBar-action {
    .actionBar-set--external & {
        padding: 3px 5px;
        color: #176093;
        border-radius: 2px;
        border: 1px solid white;
        box-shadow: 1px 1px 3px rgba(0,0,0, 0.3);
    }

    &--reaction {
        background-color: #eaf4fc;
    }

    &--mq {
        background-color: #d3f9bb;

        .tooltip-content & {
            background-color: inherit;
        }
    }

    &--reply {
        background-color: #fff4e5;

        .tooltip-content & {
            background-color: inherit;
        }
    }

    &--tag {
        background-color: #fce3e3;
    }

    .tooltip-content &:hover {
        opacity: 1;
    }

    a&:hover {
        .m-transition(all, 0.3s, ease-in-out, 0s);
        opacity: 0.5;
        text-decoration: none;

        .reaction-text {
            text-decoration: none;
        }
    }
}