شرح تغير الوان ازرار المحرر

دخول الى لوحة التحكم >> extra.less
ضع هذا كود .

/* codeNET - Rainbow Editor Icons - XF 2.3 */

.fr-toolbar .fr-btn
{
    transition: filter 0.2s ease, opacity 0.2s ease;

    &:hover
    {
        filter: brightness(1.25);
    }
}

/* Bold */
.fr-toolbar .fr-btn[data-cmd="bold"]
{
    color: #e53935 !important;
}

/* Italic */
.fr-toolbar .fr-btn[data-cmd="italic"]
{
    color: #8e24aa !important;
}

/* Underline */
.fr-toolbar .fr-btn[data-cmd="underline"]
{
    color: #3949ab !important;
}

/* Strike */
.fr-toolbar .fr-btn[data-cmd="strikeThrough"]
{
    color: #1e88e5 !important;
}

/* Text color */
.fr-toolbar .fr-btn[data-cmd="textColor"]
{
    color: #00acc1 !important;
}

/* Align */
.fr-toolbar .fr-btn[data-cmd="alignLeft"]
{
    color: #00897b !important;
}

.fr-toolbar .fr-btn[data-cmd="alignCenter"]
{
    color: #43a047 !important;
}

.fr-toolbar .fr-btn[data-cmd="alignRight"]
{
    color: #7cb342 !important;
}

.fr-toolbar .fr-btn[data-cmd="alignJustify"]
{
    color: #c0ca33 !important;
}

/* Lists */
.fr-toolbar .fr-btn[data-cmd="formatOL"]
{
    color: #fdd835 !important;
}

.fr-toolbar .fr-btn[data-cmd="formatUL"]
{
    color: #ffb300 !important;
}

/* Link */
.fr-toolbar .fr-btn[data-cmd="insertLink"]
{
    color: #fb8c00 !important;
}

/* Image */
.fr-toolbar .fr-btn[data-cmd="insertImage"]
{
    color: #f4511e !important;
}

/* Video */
.fr-toolbar .fr-btn[data-cmd="insertVideo"]
{
    color: #e53935 !important;
}

/* Smilie */
.fr-toolbar .fr-btn[data-cmd="xfSmilie"]
{
    color: #ec407a !important;
}

/* Media */
.fr-toolbar .fr-btn[data-cmd="xfMedia"]
{
    color: #ab47bc !important;
}

/* Quote */
.fr-toolbar .fr-btn[data-cmd="xfQuote"]
{
    color: #7e57c2 !important;
}

/* Code */
.fr-toolbar .fr-btn[data-cmd="xfCode"]
{
    color: #5c6bc0 !important;
}

/* Spoiler */
.fr-toolbar .fr-btn[data-cmd="xfSpoiler"]
{
    color: #26a69a !important;
}

حقوق النشر - كود نت

 

[Ali]

شكراً لك

 

[codeNET]

شكراً لك

تحيه طيبة لك صديقي ..