XenForo Editörünüzü renklendirin ve kendinize göre özelleştirin
Uyumlu XF Sürümleri- 2.2.X
- 2.3.X
Editörünüzü kendinize göre özelleştirin ve renklendirin. Aşağıda bulunan kodu, kullandığınız temanın extra.less şablonuna yerleştirmeniz yeterli. Dilerseniz renkleri kendinize göre düzenleyerek özelleştirebilirsiniz.
Less:
/************* Editörünüzü renklendirin ve kendinize göre özelleştirin TRXF.TR *************/
.fr-btn-grp:not(.fr-float-right) .fr-command.fr-btn.fr-active:not(.fr-disabled) {
background: @xf-editorButtonHoverBg!important;
}
.fr-toolbar .fr-command.fr-btn.fr-active:not(.fr-disabled), .fr-desktop .fr-command.fr-selected:not(.fr-table-cell), .fr-desktop .fr-command:active {
color: fade(@xf-inputTextColor, 85%)!important;
}
.fr-toolbar .fr-btn-grp button, .fr-toolbar .fr-more-toolbar button, .fr-dropdown-content ul.fr-dropdown-list li,
.fr-popup .fr-buttons button {
&:nth-child(1) {
color: #18A1C8;
}
&:nth-child(2) {
color: #8C72CB;
}
&:nth-child(3) {
color: #35A68B;
}
&:nth-child(4) {
color: #BA8E03;
}
&:nth-child(5) {
color: #FB6237;
}
&:nth-child(6) {
color: #E765B0;
}
&:nth-child(7) {
color: #6BA036;
}
&:nth-child(8) {
color: #D61F22;
}
&:nth-child(9) {
color: #18A1C8;
}
&:nth-child(10) {
color: #8C72CB;
}
&:nth-child(11) {
color: #35A68B;
}
&:nth-child(12) {
color: #BA8E03;
}
&:nth-child(13) {
color: #FB6237;
}
&:nth-child(14) {
color: #E765B0;
}
&:nth-child(15) {
color: #6BA036;
}
&:nth-child(16) {
color: #D61F22;
}
}
:root[data-color-scheme="{$xf.style.getAlternateStyleType()}"] {
.fr-toolbar .fr-btn-grp button, .fr-toolbar .fr-more-toolbar button, .fr-dropdown-content ul.fr-dropdown-list li,
.fr-popup .fr-buttons button {
&:nth-child(1) {
color: lighten(#18A1C8, 10%);
}
&:nth-child(2) {
color: lighten(#8C72CB, 10%);
}
&:nth-child(3) {
color: lighten(#35A68B, 10%);
}
&:nth-child(4) {
color: lighten(#BA8E03, 10%);
}
&:nth-child(5) {
color: lighten(#FB6237, 10%);
}
&:nth-child(6) {
color: lighten(#E765B0, 10%);
}
&:nth-child(7) {
color: lighten(#6BA036, 10%);
}
&:nth-child(8) {
color: lighten(#D61F22, 10%);
}
&:nth-child(9) {
color: lighten(#18A1C8, 10%);
}
&:nth-child(10) {
color: lighten(#8C72CB, 10%);
}
&:nth-child(11) {
color: lighten(#35A68B, 10%);
}
&:nth-child(12) {
color: lighten(#BA8E03, 10%);
}
&:nth-child(13) {
color: lighten(#FB6237, 10%);
}
&:nth-child(14) {
color: lighten(#E765B0, 10%);
}
&:nth-child(15) {
color: lighten(#6BA036, 10%);
}
&:nth-child(16) {
color: lighten(#D61F22, 10%);
}
}
}
@media (prefers-color-scheme: {$xf.style.getAlternateStyleType()}) {
:root:not([data-variation]) {
.fr-toolbar .fr-btn-grp button, .fr-toolbar .fr-more-toolbar button, .fr-dropdown-content ul.fr-dropdown-list li,
.fr-popup .fr-buttons button {
&:nth-child(1) {
color: lighten(#18A1C8, 10%);
}
&:nth-child(2) {
color: lighten(#8C72CB, 10%);
}
&:nth-child(3) {
color: lighten(#35A68B, 10%);
}
&:nth-child(4) {
color: lighten(#BA8E03, 10%);
}
&:nth-child(5) {
color: lighten(#FB6237, 10%);
}
&:nth-child(6) {
color: lighten(#E765B0, 10%);
}
&:nth-child(7) {
color: lighten(#6BA036, 10%);
}
&:nth-child(8) {
color: lighten(#D61F22, 10%);
}
&:nth-child(9) {
color: lighten(#18A1C8, 10%);
}
&:nth-child(10) {
color: lighten(#8C72CB, 10%);
}
&:nth-child(11) {
color: lighten(#35A68B, 10%);
}
&:nth-child(12) {
color: lighten(#BA8E03, 10%);
}
&:nth-child(13) {
color: lighten(#FB6237, 10%);
}
&:nth-child(14) {
color: lighten(#E765B0, 10%);
}
&:nth-child(15) {
color: lighten(#6BA036, 10%);
}
&:nth-child(16) {
color: lighten(#D61F22, 10%);
}
}
}
}
/*************/////////////////*************/
