Design Original purple theme for Lolz.guru

Эта статья посвящается тем, кому приелась дефолтная тема форума

Установка

Скачиваем расширение Stylus для:
Chrome
Opera
Firefox

Далее переходим в само расширение и жмем "Создать стиль"



Cразу применяем все только к домену форума



Пишем рандомное название и вставляем код ниже

body{
background: #1a1a1a;
font-family:"Open Sans";
color: #fff;
}
:root {
--accent-hue: 0deg;
--accent-hue-like: 0deg;
--accent: rgba(137, 95, 255, 1);
--accent-light: rgba(130, 88, 248, 1);
--accent-dark: #242424;
--accent-dark2: #582aff;
--accent-dark3: rgb(34, 34, 34);
--accent-whiter: #d4d4d4;
--accent-error: #9461FF;
--accent-error-light: #9461FF;
--like-hue: 200deg;
}

.mainc {
color: rgb(130,88,248);
}

#NavigationAccountUsername {
padding: 0px 8px;
}

.navigationSideBar a.selected {
background: var(--accent-dark);
box-shadow: inset 0px 0px 0px 0px var(--accent);
}

.xenForm .ctrlUnit > dd .textCtrl {
border: none;
}

#uaThreadViewContainer .footnote {
border-top: 1px solid var(--accent-dark2);
}

.loginForm {
background: rgb(24, 24, 24);
padding: 50px 40px;
border-top: 5px solid rgb(130 88 248);
border-radius: 5px;
font-size: 14px;
box-sizing: border-box;
box-shadow: 0 0 50px rgb(45 45 45);
}

.log_out .pageContent {
display: flex;
}

.hasUnreadArticles {
border-radius: 50%;
display: inline-block;
background: rgb(130,88,248);
width: 8px;
height: 8px;
margin-left: 8px;
}

/* Inputs */
.textCtrl.Focus {
border-color: var(--accent);
}

input[type="radio"]:before {
background: var(--accent);
}

input[type="checkbox"]:checked:after {
background: var(--accent);
border-color: var(--accent);
}

input.textCtrl:focus,
select.textCtrl:focus {
box-shadow: 0 0 .5px 1px var(--accent) !important;
}

.textCtrl {
background-color: var(--accent-dark) !important;
}

option {
border: none;
}

.message .item > .likeCounterIcon, .message .item:hover > .likeCounterIcon {
filter: hue-rotate(var(--like-hue));
}

/* Links */
.content a,
.searchResult .title > a,
.listItemText a,
li:before,
.fa-external-link-alt:before,
.messageText a:not(.button):not(.username),
.privateControls .item.control {
color: var(--accent0);
}

a.OverlayTrigger.item.control.report {
color: var(--accent-error);
}

.numberStyle, .likeNodes .node .counter {
color: var(--accent);
text-shadow: 1px 0px 7px rgb(187, 0, 0), 0px -2px 1px rgba(0, 0, 0, 0);
}

span[itemprop="title"],
a.crumb > span,
.node .nodeTitle > a:hover {
color: var(--accent-whiter);
}

a.crumb:before {
color: var(--accent);
}

#AjaxProgress.xenOverlay {
visibility: hidden;
}

.info-separator {
background: var(--accent-whiter);
}

.xenOverlay .formOverlay .heading {
color: white;
}

/* Icons */
.svgIcon--rub.green::before,
.universalSearchForm::before,
#MarketBalanceSwitcher::before{
filter: hue-rotate(var(--accent-hue));
}

.message .item.unlike .likeCounterIcon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m17 2.9a6.43 6.43 0 0 1 6.4 6.43c0 3.57-1.43 5.36-7.45 10l-2.78 2.16a1.9 1.9 0 0 1 -2.33 0l-2.79-2.12c-6.05-4.68-7.45-6.47-7.45-10.04a6.43 6.43 0 0 1 6.4-6.43 5.7 5.7 0 0 1 5 3.1 5.7 5.7 0 0 1 5-3.1z' fill='%23ff3347' style='&%2310; fill: rgb(130, 129, 20);&%2310;'/%3E%3C/svg%3E");
}

.message .item:hover .likeCounterIcon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' height='100%25' width='100%25'%3E%3Ctitle%3Elike_outline_24%3C/title%3E%3Cpath d='M0,0H24V24H0Z' fill='none'/%3E%3Cpath d='M17,2.9A6.43,6.43,0,0,1,23.4,9.33c0,3.57-1.43,5.36-7.45,10l-2.78,2.16a1.9,1.9,0,0,1-2.33,0L8.05,19.37C2,14.69.6,12.9.6,9.33A6.43,6.43,0,0,1,7,2.9a6.46,6.46,0,0,1,5,2.54A6.46,6.46,0,0,1,17,2.9ZM7,4.7A4.63,4.63,0,0,0,2.4,9.33c0,2.82,1.15,4.26,6.76,8.63l2.78,2.16a.1.1,0,0,0,.12,0L14.84,18c5.61-4.36,6.76-5.8,6.76-8.63A4.63,4.63,0,0,0,17,4.7c-1.56,0-3,.88-4.23,2.73L12,8.5l-.74-1.07C10,5.58,8.58,4.7,7,4.7Z' fill='%23828a99' style='&%2310; fill: rgb(130, 128, 20);&%2310;'/%3E%3C/svg%3E") }

.extendedGuarantee, .greenText {
color: rgb(130 88 248);
font-weight: 600;
}

.moreMedalsBadge {
line-height: 34px;
font-weight: 600;
padding: 0;
text-align: center;
border-radius: 6px;
font-size: 18px;
margin-left: 6px;
color: rgb(130 88 248);
}

.message .item > .userTagIcon,
.message .item:hover > .userTagIcon,
.message .item > .hiddenReplyIcon,
.message .item:hover > .hiddenReplyIcon,
.message .item:hover .postCounterIcon,
.messageSimple .item:hover .postCounterIcon {
filter: hue-rotate(var(--accent-hue));
}

.iconKey.fa.fa-lock.Tooltip,
.titleBarIcon.closedIcon {
color: var(--accent-error);
}

/* Buttons */
.button:hover {
background: none !important;
}

.listBlock .fa-check {
color: rgb(130 88 248);
}

.button,
.button.primary,
.profilePage .button,
.changeUsernameUnit .button,
.actionButton--sendMoney,
.dottesStyle.buttonStyle,
.button[href*="manage"],
.button[href*="write"] {
color: white;
background-color: var(--accent);
box-shadow: 1px 1px 2px rgb(54, 54, 54), 1px 2px 3px var(--accent-dark2);
}

.button:hover,
.button.primary:hover,
.profilePage .button:hover,
.changeUsernameUnit .button:hover,
.actionButton--sendMoney:hover,
.dottesStyle.buttonStyle:hover,
.button[href*="manage"]:hover,
.button[href*="write"]:hover {
background-color: var(--accent-light) !important;
}

.button:focus,
.button.primary:focus,
.profilePage .button:focus,
.changeUsernameUnit .button:focus,
.actionButton--sendMoney:focus,
.dottesStyle.buttonStyle:focus,
.button[href*="manage"]:focus,
.button[href*="write"]:focus {
background-color: var(--accent-light);
}

.button[href*='disable']:hover,
.button[href*='logout']:hover,
#ctrl_disassociate_vk_Disabler .button:hover {
background-color: var(--accent-error-light) !important;
}

.button[href*='disable'], .button[href*='logout'], #ctrl_disassociate_vk_Disabler .button {
color: white;
background: var(--accent-dark3);
}

.conversationItem.active .avatar.isOnline::before {
border: 3px solid #272727;
}

.conversationItem .avatar.isOnline::before {
content: '';
position: absolute;
background-color: rgb(130 88 248);
border-radius: 50%;
top: 33px;
left: 34px;
border: 3px solid rgb(39, 39, 39);
height: 10px;
width: 10px;
display: inline-block;
z-index: 1;
}

.contestThreadBlock .memberCounter>.backgroundCounter {
position: absolute;
width: 69%;
background: rgb(130,88,248);
border-radius: 25px;
height: 30px;
}

.conversationItem.active, .conversationSearch--Recipient.active {
background: rgb(130 88 248);
}

.message .selectedIcon {
background: rgb(130 88 248);
color: #f5f5f5;
position: absolute;
opacity: 0;
font-size: 9px;
border-radius: 50%;
width: 16px;
height: 17px;
line-height: 17px;
text-align: center;
left: 7px;
top: 19.5px;
padding-left: 1px;
}

.universalSearchForm:before {
font-family: "Font Awesome 5 Pro";
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-weight: 600;
color: rgb(130 88 248);
content: "\f002";
float: left;
font-size: 15px;
line-height: 50px;
left: 20px;
pointer-events: none;
position: absolute;
}

.message .onlineMarker {
border-radius: 50%;
display: inline-block;
background: rgb(130 88 248);
width: 10px;
height: 10px;
}

a.SelectExcludedForumsLink:hover,
.node .nodeText h3.nodeTitle:hover .expandSubForumList {
background: none;
}

a.cd-top.cd-is-visible
{
background-color: var(--accent-dark) !important;
}

.userContentLinks .button {
padding: 0px 10px;
}

input.labelauty:not(:checked):not([disabled]) + label:hover {
background: var(--accent-error);
}

input.labelauty + label {
background: var(--accent-dark);
}

/* Tabs */
.tabs {
border-bottom: none;
}

.tabs li.active {
box-shadow: inset 0px -2px 0px 0px var(--accent);
}

.PageNav.fixed > nav {
background: var(--accent-dark);
}

/* Other */
.redactor_dropdown {
background-color: var(--accent-dark2);
}

.messageSimple .item.unlike .like2Icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='&%2310; fill: rgb(130, 88, 119);&%2310;'%3E%3Cpath d='M4 21h1V8H4c-1.104 0-2 .896-2 2v9C2 20.104 2.896 21 4 21zM20 8h-7l1.122-3.368C14.554 3.337 13.59 2 12.225 2H12L7 7.438V21h11l3.912-8.596C21.937 12.291 21.976 12.114 22 12v-2C22 8.896 21.104 8 20 8z'/%3E%3C/svg%3E");
}

#Captcha img {
filter: contrast(150%) invert(20%);
}

/******************** Navbar ********************/
#header {
background: var(--accent-dark2);
}

.blockLinksList a:hover,
.QuickSearch .searchButton:hover {
background: var(--accent-dark);
}

/* Logo */
#lzt-logo {
width: 87px;
height: 44px;
float: left;
margin-left: -10px;
background-image: url(https://i.imgur.com/Vg4RK2y.png);
background-size: 100%;
}

/* Controls */
div.primaryControls:before {
color: var(--accent-dark0) !important;
}

.marketMyPayments .item .amountChange .in {
color: rgb(130 88 248);
}

.marketMyPayments .item .statusIcon.in_processing {
background: rgb(130 88 248);
}

.svgIcon--rub.green::before {
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' width='510.127px' height='510.127px' viewBox='0 0 510.127 510.127' xml:space='preserve' style='&%2310; fill: rgb(130, 88, 248);&%2310;'><g><g><path d='M34.786,428.963h81.158v69.572c0,3.385,1.083,6.156,3.262,8.322c2.173,2.18,4.951,3.27,8.335,3.27h60.502 c3.14,0,5.857-1.09,8.152-3.27c2.295-2.166,3.439-4.938,3.439-8.322v-69.572h182.964c3.377,0,6.156-1.076,8.334-3.256 c2.18-2.178,3.262-4.951,3.262-8.336v-46.377c0-3.365-1.082-6.156-3.262-8.322c-2.172-2.18-4.957-3.27-8.334-3.27H199.628v-42.754 h123.184c48.305,0,87.73-14.719,118.293-44.199c30.551-29.449,45.834-67.49,45.834-114.125c0-46.604-15.283-84.646-45.834-114.125 C410.548,14.749,371.116,0,322.812,0H127.535c-3.385,0-6.157,1.089-8.335,3.256c-2.173,2.179-3.262,4.969-3.262,8.335v227.896 H34.786c-3.384,0-6.157,1.145-8.335,3.439c-2.172,2.295-3.262,5.012-3.262,8.151v53.978c0,3.385,1.083,6.158,3.262,8.336 c2.179,2.18,4.945,3.256,8.335,3.256h81.158v42.754H34.786c-3.384,0-6.157,1.09-8.335,3.27c-2.172,2.166-3.262,4.951-3.262,8.322 v46.377c0,3.385,1.083,6.158,3.262,8.336C28.629,427.887,31.401,428.963,34.786,428.963z M199.628,77.179h115.938 c25.6,0,46.248,7.485,61.953,22.46c15.697,14.976,23.549,34.547,23.549,58.691c0,24.156-7.852,43.733-23.549,58.691 c-15.705,14.988-36.354,22.473-61.953,22.473H199.628V77.179z'/></g></g><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/></svg>");
}

.marketMyPayments .item .statusIcon.success_in::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='rgb(130,88,248)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cline x1='12' y1='5' x2='12' y2='19'%3E%3C/line%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
}

.marketSidebarMenu a.selected {
box-shadow: inset 2.5px 0 0 0 rgb(130 88 248);
}

.marketSidebarMenu a:hover path, .marketSidebarMenu a:hover line, .marketSidebarMenu a.selected path, .marketSidebarMenu a.selected line {
stroke: rgb(130,88,248);
}

.marketSidebarMenu a:hover .alt path, .marketSidebarMenu a.selected .alt path {
fill: rgb(130,88,248);
stroke: none;
}

.numberStyle, .likeNodes .node .counter {
color: var(--accent);
text-shadow: 1px 0px 7px rgb(137 95 255), 0px -2px 1px rgb(0 0 0 / 0%);
}

.page_counter .count {
color: var(--accent);
text-shadow: 1px 0px 7px rgb(137 95 255), 0px -2px 1px rgb(0 0 0 / 0%);
}

.navTabs .navTab.PopupClosed .navLink:hover .counter-container img,
.navTabs .navTab.PopupOpen .navLink .counter-container img {
filter: hue-rotate(var(--accent-hue));
}

.xenOverlay.memberCard .avatar.online .img::before {
width: 16px;
height: 16px;
position: absolute;
bottom: 1px;
right: 1px;
background: rgb(130 88 248);
display: inline-block;
content: '';
border-radius: 50%;
border: 5px solid rgb(39, 39, 39);
}

.forumSearchThreads--Link--Icon {
border-radius: 2px;
padding: 0 14px;
background: rgb(34,142,93);
color: rgb(234 234 234);
line-height: 30px;
height: 30px;
display: inline-block;
font-size: 14px;
}

.navTabs .navTab.PopupOpen .navLink {
background: var(--accent-dark);
}

.navigation-header {
background: var(--accent-dark2);
border-bottom: none;
}

.messageStateIcon {
color: var(--accent) !important;
}

.conversationItem:hover,
.conversationSearch--Recipient:hover {
background: var(--accent-dark);
}

#AlertsMenu_Counter {
filter: none;
border: none;
background: var(--accent);
box-shadow: 0 0 5px 2px var(--accent);
}

.Menu {
border: none;
background: var(--accent-dark2);
}

.account-menu-sep {
visibility: hidden;
}

#AccountMenu > a:hover {
background: var(--accent-dark);
}

/******************** Profile ********************/

.nodeList .node.current > .nodeInfo > .nodeText > .nodeTitle > a, .nodeList .node .current>div>.nodeTitle>a {
background: rgb(45, 45, 45);
color: rgb(137, 95, 255);
font-weight: 600;
}

.node.current .nodeText .nodeTitle a::before {
background-image: url("data:image/svg+xml,<svg width='22' viewBox='0 0 24 24' height='22' xmlns='http://www.w3.org/2000/svg' style=''><g fill='none' fill-rule='evenodd' transform='' style='&%2310;'><path d='m0 0h24v24h-24z' opacity='.4'/><path d='m13.7659611 17.4463926c.2552081-.2233071.5827941-.3463926.9219065-.3463926h3.8121324c1.0029437 0 1.6-.5970563 1.6-1.6v-8c0-1.00294373-.5970563-1.6-1.6-1.6h-12c-1.00294373 0-1.6.59705627-1.6 1.6v8c0 1.0029437.59705627 1.6 1.6 1.6h2.499c.69930428.2016957.69930428.2016957.901.901v2.8285534zm-4.9309611 5.0861074c-.47201029-.3540077-.735-.9786083-.735-1.5325v-2.1h-1.6c-1.99705627 0-3.4-1.4029437-3.4-3.4v-8c0-1.99705627 1.40294373-3.4 3.4-3.4h12c1.9970563 0 3.4 1.40294373 3.4 3.4v8c0 1.9970563-1.4029437 3.4-3.4 3.4h-3.6618384l-3.7247187 3.2591288c-.7328429.7187975-1.58913283.8903538-2.2784429.3733712z' fill='%23828a99' fill-rule='nonzero' style='&%2310; fill: rgb(130,88,248);&%2310;'/></g></svg>");
}

.personalTabfave.node.current .nodeText .nodeTitle a::before {
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='22' height='22' stroke='rgb(130,88,248)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'><polygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'></polygon></svg>");
}

.personalTabviewedthreads.node.current .nodeText .nodeTitle a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='22' height='22' stroke='rgb(130,88,248)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
}

.personalTabmythreads.node.current .nodeText .nodeTitle a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='22' height='22' stroke='rgb(130,88,248)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cline x1='17' y1='10' x2='3' y2='10'%3E%3C/line%3E%3Cline x1='21' y1='6' x2='3' y2='6'%3E%3C/line%3E%3Cline x1='21' y1='14' x2='3' y2='14'%3E%3C/line%3E%3Cline x1='17' y1='18' x2='3' y2='18'%3E%3C/line%3E%3C/svg%3E");
}

.navTabs .navTab.account:hover .balanceLabel .svgIcon--rub::before, .navTabs .navTab.account.PopupOpen .balanceLabel .svgIcon--rub::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' width='510.127px' height='510.127px' viewBox='0 0 510.127 510.127' xml:space='preserve' style='&%2310; fill: rgb(130,88,248);&%2310;'%3E%3Cg%3E%3Cg%3E%3Cpath d='M34.786,428.963h81.158v69.572c0,3.385,1.083,6.156,3.262,8.322c2.173,2.18,4.951,3.27,8.335,3.27h60.502 c3.14,0,5.857-1.09,8.152-3.27c2.295-2.166,3.439-4.938,3.439-8.322v-69.572h182.964c3.377,0,6.156-1.076,8.334-3.256 c2.18-2.178,3.262-4.951,3.262-8.336v-46.377c0-3.365-1.082-6.156-3.262-8.322c-2.172-2.18-4.957-3.27-8.334-3.27H199.628v-42.754 h123.184c48.305,0,87.73-14.719,118.293-44.199c30.551-29.449,45.834-67.49,45.834-114.125c0-46.604-15.283-84.646-45.834-114.125 C410.548,14.749,371.116,0,322.812,0H127.535c-3.385,0-6.157,1.089-8.335,3.256c-2.173,2.179-3.262,4.969-3.262,8.335v227.896 H34.786c-3.384,0-6.157,1.145-8.335,3.439c-2.172,2.295-3.262,5.012-3.262,8.151v53.978c0,3.385,1.083,6.158,3.262,8.336 c2.179,2.18,4.945,3.256,8.335,3.256h81.158v42.754H34.786c-3.384,0-6.157,1.09-8.335,3.27c-2.172,2.166-3.262,4.951-3.262,8.322 v46.377c0,3.385,1.083,6.158,3.262,8.336C28.629,427.887,31.401,428.963,34.786,428.963z M199.628,77.179h115.938 c25.6,0,46.248,7.485,61.953,22.46c15.697,14.976,23.549,34.547,23.549,58.691c0,24.156-7.852,43.733-23.549,58.691 c-15.705,14.988-36.354,22.473-61.953,22.473H199.628V77.179z'/%3E%3C/g%3E%3C/g%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3C/svg%3E");
}

.navTabs .navTab.account:hover .accountUsername, .navTabs .navTab.account:hover .balanceLabel, .navTabs .navTab.account.PopupOpen .accountUsername, .navTabs .navTab.account.PopupOpen .balanceLabel {
color: rgb(130 88 248);
}

.xenOverlay .section .heading, .xenOverlay .sectionMain .heading, .xenOverlay .errorOverlay .heading {
background: rgb(130,88,248);
color: #f5f5f5;
border-radius: 4px 4px 0 0;
padding: 18px 60px 18px 25px;
font-weight: normal;
}

.member_tabs {
border: none;
}

.simpleRedactor.MemberViewRedactor,
.memberCustomBackground .PanelScroller .panel,
.memberCustomBackground .darkBackground,
.memberCustomBackground .tabs,
.memberCustomBackground .simpleRedactor.MemberViewRedactor, .memberCustomBackground .messageSimple, .memberCustomBackground .primaryContent {
background: var(--accent-dark2);
}

.messageSimple,
.messageSimple .messageMeta {
background: var(--accent-dark2);
border-top: none;
}

.messageSimple .bbCodeHide.bbCodeQuote.bbCodeHide {
border: 5px solid var(--accent-dark);
}

.bbCodeQuote .attribution,
.bbCodeSource.bbCodeSourceBlock code {
background: var(--accent-dark);
}

.profileContent,
.sectionMain {
background: var(--accent-dark2);
}

.bbCodeBlock .type {
background: var(--accent);
}

.bbCodeQuote:not(.noQuote) {
border-left: 5px solid var(--accent);
}

/* Warnings */
.warningList > .dataTable tr.dataRow th {
color: var(--accent-error);
}

.dataTable tr.dataRow td {
border-bottom: none;
}

.secret_answer_notice {
background: var(--accent-dark2);
}

.loginPasswordConfirmForm > .button {
margin-left: 10px;
}

.userIsBanned-notice {
background: var(--accent-dark);
}

/******************** Main page ********************/
.text_Ads {
visibility: hidden;
height: 0px;
}

a.SelectExcludedForumsLink:hover {
background-color: var(--accent-dark);
}

.discussionListItem:hover {
background: var(--accent-dark);
}

.personalTabmythreads.node.current .nodeText .nodeTitle a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='22' height='22' stroke='rgb(130,88,249)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cline x1='17' y1='10' x2='3' y2='10'%3E%3C/line%3E%3Cline x1='21' y1='6' x2='3' y2='6'%3E%3C/line%3E%3Cline x1='21' y1='14' x2='3' y2='14'%3E%3C/line%3E%3Cline x1='17' y1='18' x2='3' y2='18'%3E%3C/line%3E%3C/svg%3E");
}

.nodeList .node.current > .nodeInfo > .nodeText > .nodeTitle > a:before {
filter: hue-rotate(var(--accent-hue));
}

.node h3.nodeTitle > a:hover {
background: var(--accent-dark3);
}

.monthMaecenas .donationAmount {
color: var(--accent);
}

.monthMaecenas--quote {
background: var(--accent-dark);
}

.monthMaecenas--quote:before {
border-bottom: 10px solid var(--accent-dark);
}

/* Chat */
#ChatboxStartIcon {
background: var(--accent-dark2);
}

#ChatboxStartIcon:before {
color: var(--accent);
}

#completeChatbox.chatboxWidget .header {
background: var(--accent);
}

.chatboxWidget .chatboxWrapper {
border: 1px solid var(--accent-dark);
}

#chatbox .meMessage {
filter: hue-rotate(var(--accent-hue));
}

#chatbox {
background: var(--accent-dark2);
}

#completeChatbox.chatboxWidget .controls.reversedDirection {
border-top: 1px solid var(--accent-dark);
}

.ChatboxInput {
background-color: var(--accent-dark2) !important;
}

#completeChatbox .controls.reversedDirection {
background: var(--accent-dark2);
border-top: 1px solid var(--accent-dark);
}

#completeChatbox.chatboxWidget .header>.element.closeChatboxButton {
padding: 0px 8px;
margin: 0 -8px;
font-size: 14px;
color: var(--accent-whiter);
text-shadow: 0px 0px 0px rgb(54, 54, 54), 1px 1px 1px var(--accent-dark2);
cursor: pointer;
}


/******************** Forums ********************/
.titleBar h1,
#pageDescription {
}

.pageNavLinkGroup {
display: flex;
margin: 0;
flex-direction: column-reverse;
background: var(--accent-dark2);
}

.pageNavLinkGroup .linkGroup {
padding-bottom: 10px;
align-self: start;
}

.PageNav {
padding: 0px 0px 15px;
}

.PageNav a.currentPage {
background: var(--accent);
}

.PageNav a.currentPage:hover {
background: var(--accent-light) !important;
}

.stickyThreads {
border-left: 2px solid var(--accent);
}

.nodeList .node .current > div > .nodeTitle > a {
color: var(--accent-light);
}

/******************** Threads ********************/
.thread_view .titleBar,
.messageList .message,
.simpleRedactor.QuickReplyRedactor{
background: var(--accent-dark2);
}

.pageNavLinkGroup {
border: none;
}

.nodeList .node.current > .nodeInfo > .nodeText > .nodeTitle, .nodeList .node .current>div>.nodeTitle {
color: rgb(130, 88, 248);
}

#pageDescription > a,
#pageDescription > a > abbr {
color: var(--accent);
}

.forumSearchThreadsMenu {
background: var(--accent-dark2);
}

.forumSearchThreads--Link--Icon {
background: var(--accent);
}

.forumSearchThreads--Link:hover .forumSearchThreads--Link--Icon {
background: var(--accent-light);
}

.forumSearchThreadsMenu .discussionListItem.current {
background: var(--accent-dark);
}

.message .messageSimple .comment {
background: var(--accent-dark2);
}

.messageSimple .comment .commentContent .author {
color: white;
background: var(--accent);
}

.alertNotice {
background: var(--accent-dark2);
}

.CommentLoader {
color: var(--accent);
}

html .redactor_toolbar li a:hover {
background: var(--accent-dark);
}

.needInNewArticles {
filter: hue-rotate(var(--accent-hue));
}

/******************** Articles ********************/
#articlesGrid, .articleImageBox {
background: var(--accent-dark2);
}

#articleTitleBlock {
background: var(--accent-dark);
}

.TagContainer {
border: 0;
padding: 5px;
margin: 0;
background: var(--accent-dark2);
}

.tagList .tag {
background: var(--accent);
}

.marketUpgradeBadge::before {
content: '';
background: url(https://i.imgur.com/hAfLKgW.png) no-repeat center;
background-size: 100%;
width: 100px;
height: 30px;
float: left;
}

#lzt-market-logo {
background: url(https://i.imgur.com/hAfLKgW.png) no-repeat center;
background-size: 100%;
width: 135px;
height: 44px;
float: left;
margin: 0 10px 0 0;
}

/******************** Market ********************/

.backToHomeButton {
background: var(--accent-dark);
}

.backToHomeButton:hover {
background: var(--accent-dark2);
}

.marketSidebarMenu {
background: var(--accent-dark2);
}

.marketSidebarMenu .svgIcon svg {
filter: hue-rotate(var(--accent-hue));
}

.chosen-container .chosen-results li.active-result,
.marketSidebarMenu a:hover {
background: var(--accent-dark);
}

.marketSidebarMenu .balanceNumber,
.marketMyPayments > .item .amountChange .in{
color: var(--accent);
}

.marketMyPayments > .item .comment {
background: var(--accent-dark);
}

.marketMyPayments > .item .comment .commentSvg {
fill: var(--accent-dark);
}

.searchBarForm--searchHistory,
.categoryLinks .link {
color: white;
background: var(--accent-dark2);
}

.searchBarForm--searchHistory:hover,
.categoryLinks .

Code

body{

    background: #1a1a1a;

    font-family:"Open Sans";

    color: #fff;

}

:root {

    --accent-hue: 0deg;

    --accent-hue-like: 0deg;

    --accent: rgba(137, 95, 255, 1);

    --accent-light: rgba(130, 88, 248, 1);

    --accent-dark: #242424;

    --accent-dark2: #582aff;

    --accent-dark3: rgb(34, 34, 34);

    --accent-whiter: #d4d4d4;

    --accent-error: #9461FF;

    --accent-error-light: #9461FF;

    --like-hue: 200deg;

}



.mainc {

    color: rgb(130,88,248);

}



#NavigationAccountUsername {

    padding: 0px 8px;

}



.navigationSideBar a.selected {

    background: var(--accent-dark);

    box-shadow: inset 0px 0px 0px 0px var(--accent);

}



.xenForm .ctrlUnit > dd .textCtrl {

    border: none;

}



#uaThreadViewContainer .footnote {

    border-top: 1px solid var(--accent-dark2);

}



.loginForm {

    background: rgb(24, 24, 24);

    padding: 50px 40px;

    border-top: 5px solid rgb(130 88 248);

    border-radius: 5px;

    font-size: 14px;

    box-sizing: border-box;

    box-shadow: 0 0 50px rgb(45 45 45);

}



.log_out .pageContent {

    display: flex;

}



.hasUnreadArticles {

    border-radius: 50%;

    display: inline-block;

    background: rgb(130,88,248);

    width: 8px;

    height: 8px;

    margin-left: 8px;

}



/* Inputs */

.textCtrl.Focus {

    border-color: var(--accent);

}



input[type="radio"]:before {

    background: var(--accent);

}



input[type="checkbox"]:checked:after {

    background: var(--accent);

    border-color: var(--accent);

}



input.textCtrl:focus,

select.textCtrl:focus {

    box-shadow: 0 0 .5px 1px var(--accent) !important;

}



.textCtrl {

    background-color: var(--accent-dark) !important;

}



option {

    border: none;

}



.message .item > .likeCounterIcon, .message .item:hover > .likeCounterIcon {

    filter: hue-rotate(var(--like-hue));

}



/* Links */

.content a,

.searchResult .title > a,

.listItemText a,

li:before,

.fa-external-link-alt:before,

.messageText a:not(.button):not(.username),

.privateControls .item.control {

    color: var(--accent0);

}



a.OverlayTrigger.item.control.report {

    color: var(--accent-error);

}



.numberStyle, .likeNodes .node .counter {

    color: var(--accent);

    text-shadow: 1px 0px 7px rgb(187, 0, 0), 0px -2px 1px rgba(0, 0, 0, 0);

}



span[itemprop="title"],

a.crumb > span,

.node .nodeTitle > a:hover {

    color: var(--accent-whiter);

}



a.crumb:before {

    color: var(--accent);

}



#AjaxProgress.xenOverlay {

    visibility: hidden;

}



.info-separator {

    background: var(--accent-whiter);

}



.xenOverlay .formOverlay .heading {

    color: white;

}



/* Icons */

.svgIcon--rub.green::before,

.universalSearchForm::before,

#MarketBalanceSwitcher::before{

    filter: hue-rotate(var(--accent-hue));

}



.message .item.unlike .likeCounterIcon {

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m17 2.9a6.43 6.43 0 0 1 6.4 6.43c0 3.57-1.43 5.36-7.45 10l-2.78 2.16a1.9 1.9 0 0 1 -2.33 0l-2.79-2.12c-6.05-4.68-7.45-6.47-7.45-10.04a6.43 6.43 0 0 1 6.4-6.43 5.7 5.7 0 0 1 5 3.1 5.7 5.7 0 0 1 5-3.1z' fill='%23ff3347' style='&%2310; fill: rgb(130, 129, 20);&%2310;'/%3E%3C/svg%3E");

}



.message .item:hover .likeCounterIcon {

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' height='100%25' width='100%25'%3E%3Ctitle%3Elike_outline_24%3C/title%3E%3Cpath d='M0,0H24V24H0Z' fill='none'/%3E%3Cpath d='M17,2.9A6.43,6.43,0,0,1,23.4,9.33c0,3.57-1.43,5.36-7.45,10l-2.78,2.16a1.9,1.9,0,0,1-2.33,0L8.05,19.37C2,14.69.6,12.9.6,9.33A6.43,6.43,0,0,1,7,2.9a6.46,6.46,0,0,1,5,2.54A6.46,6.46,0,0,1,17,2.9ZM7,4.7A4.63,4.63,0,0,0,2.4,9.33c0,2.82,1.15,4.26,6.76,8.63l2.78,2.16a.1.1,0,0,0,.12,0L14.84,18c5.61-4.36,6.76-5.8,6.76-8.63A4.63,4.63,0,0,0,17,4.7c-1.56,0-3,.88-4.23,2.73L12,8.5l-.74-1.07C10,5.58,8.58,4.7,7,4.7Z' fill='%23828a99' style='&%2310; fill: rgb(130, 128, 20);&%2310;'/%3E%3C/svg%3E") }

 

.extendedGuarantee, .greenText {

    color: rgb(130 88 248);

    font-weight: 600;

}



.moreMedalsBadge {

    line-height: 34px;

    font-weight: 600;

    padding: 0;

    text-align: center;

    border-radius: 6px;

    font-size: 18px;

    margin-left: 6px;

    color: rgb(130 88 248);

}



.message .item > .userTagIcon,

.message .item:hover > .userTagIcon,

.message .item > .hiddenReplyIcon,

.message .item:hover > .hiddenReplyIcon,

.message .item:hover .postCounterIcon,

.messageSimple .item:hover .postCounterIcon {

    filter: hue-rotate(var(--accent-hue));

}



.iconKey.fa.fa-lock.Tooltip,

.titleBarIcon.closedIcon {

    color: var(--accent-error);

}



/* Buttons */

.button:hover {

    background: none !important;

}



.listBlock .fa-check {

    color: rgb(130 88 248);

}



.button,

.button.primary,

.profilePage .button,

.changeUsernameUnit .button,

.actionButton--sendMoney,

.dottesStyle.buttonStyle,

.button[href*="manage"],

.button[href*="write"] {

    color: white;

    background-color: var(--accent);

    box-shadow: 1px 1px 2px rgb(54, 54, 54), 1px 2px 3px var(--accent-dark2);

}



.button:hover,

.button.primary:hover,

.profilePage .button:hover,

.changeUsernameUnit .button:hover,

.actionButton--sendMoney:hover,

.dottesStyle.buttonStyle:hover,

.button[href*="manage"]:hover,

.button[href*="write"]:hover {

    background-color: var(--accent-light) !important;

}



.button:focus,

.button.primary:focus,

.profilePage .button:focus,

.changeUsernameUnit .button:focus,

.actionButton--sendMoney:focus,

.dottesStyle.buttonStyle:focus,

.button[href*="manage"]:focus,

.button[href*="write"]:focus {

    background-color: var(--accent-light);

}



.button[href*='disable']:hover,

.button[href*='logout']:hover,

#ctrl_disassociate_vk_Disabler .button:hover {

    background-color: var(--accent-error-light) !important;

}



.button[href*='disable'], .button[href*='logout'], #ctrl_disassociate_vk_Disabler .button {

    color: white;

    background: var(--accent-dark3);

}



.conversationItem.active .avatar.isOnline::before {

    border: 3px solid #272727;

}



.conversationItem .avatar.isOnline::before {

    content: '';

    position: absolute;

    background-color: rgb(130 88 248);

    border-radius: 50%;

    top: 33px;

    left: 34px;

    border: 3px solid rgb(39, 39, 39);

    height: 10px;

    width: 10px;

    display: inline-block;

    z-index: 1;

}



.contestThreadBlock .memberCounter>.backgroundCounter {

    position: absolute;

    width: 69%;

    background: rgb(130,88,248);

    border-radius: 25px;

    height: 30px;

}



.conversationItem.active, .conversationSearch--Recipient.active {

    background: rgb(130 88 248);

}



.message .selectedIcon {

    background: rgb(130 88 248);

    color: #f5f5f5;

    position: absolute;

    opacity: 0;

    font-size: 9px;

    border-radius: 50%;

    width: 16px;

    height: 17px;

    line-height: 17px;

    text-align: center;

    left: 7px;

    top: 19.5px;

    padding-left: 1px;

}



.universalSearchForm:before {

    font-family: "Font Awesome 5 Pro";

    display: inline-block;

    font-style: normal;

    font-variant: normal;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    font-weight: 600;

    color: rgb(130 88 248);

    content: "\f002";

    float: left;

    font-size: 15px;

    line-height: 50px;

    left: 20px;

    pointer-events: none;

    position: absolute;

}



.message .onlineMarker {

    border-radius: 50%;

    display: inline-block;

    background: rgb(130 88 248);

    width: 10px;

    height: 10px;

}



a.SelectExcludedForumsLink:hover,

.node .nodeText h3.nodeTitle:hover .expandSubForumList {

    background: none;

}



a.cd-top.cd-is-visible

{

    background-color: var(--accent-dark) !important;

}



.userContentLinks .button {

    padding: 0px 10px;

}



input.labelauty:not(:checked):not([disabled]) + label:hover {

    background: var(--accent-error);

}



input.labelauty + label {

    background: var(--accent-dark);

}



/* Tabs */

.tabs {

    border-bottom: none;

}



.tabs li.active {

    box-shadow: inset 0px -2px 0px 0px var(--accent);

}



.PageNav.fixed > nav {

    background: var(--accent-dark);

}



/* Other */

.redactor_dropdown {

    background-color: var(--accent-dark2);

}



.messageSimple .item.unlike .like2Icon {

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='&%2310; fill: rgb(130, 88, 119);&%2310;'%3E%3Cpath d='M4 21h1V8H4c-1.104 0-2 .896-2 2v9C2 20.104 2.896 21 4 21zM20 8h-7l1.122-3.368C14.554 3.337 13.59 2 12.225 2H12L7 7.438V21h11l3.912-8.596C21.937 12.291 21.976 12.114 22 12v-2C22 8.896 21.104 8 20 8z'/%3E%3C/svg%3E");

}



#Captcha img {

    filter: contrast(150%) invert(20%);

}



/******************** Navbar ********************/

#header {

    background: var(--accent-dark2);

}



.blockLinksList a:hover,

.QuickSearch .searchButton:hover {

    background: var(--accent-dark);

}



/* Logo */

#lzt-logo {

    width: 87px;

    height: 44px;

    float: left;

    margin-left: -10px;

    background-image: url(https://i.imgur.com/Vg4RK2y.png);

    background-size: 100%;

}



/* Controls */

div.primaryControls:before {

    color: var(--accent-dark0) !important;

}



.marketMyPayments .item .amountChange .in {

    color: rgb(130 88 248);

}



.marketMyPayments .item .statusIcon.in_processing {

    background: rgb(130 88 248);

}



.svgIcon--rub.green::before {

    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' width='510.127px' height='510.127px' viewBox='0 0 510.127 510.127' xml:space='preserve' style='&%2310; fill: rgb(130, 88, 248);&%2310;'><g><g><path d='M34.786,428.963h81.158v69.572c0,3.385,1.083,6.156,3.262,8.322c2.173,2.18,4.951,3.27,8.335,3.27h60.502 c3.14,0,5.857-1.09,8.152-3.27c2.295-2.166,3.439-4.938,3.439-8.322v-69.572h182.964c3.377,0,6.156-1.076,8.334-3.256 c2.18-2.178,3.262-4.951,3.262-8.336v-46.377c0-3.365-1.082-6.156-3.262-8.322c-2.172-2.18-4.957-3.27-8.334-3.27H199.628v-42.754 h123.184c48.305,0,87.73-14.719,118.293-44.199c30.551-29.449,45.834-67.49,45.834-114.125c0-46.604-15.283-84.646-45.834-114.125 C410.548,14.749,371.116,0,322.812,0H127.535c-3.385,0-6.157,1.089-8.335,3.256c-2.173,2.179-3.262,4.969-3.262,8.335v227.896 H34.786c-3.384,0-6.157,1.145-8.335,3.439c-2.172,2.295-3.262,5.012-3.262,8.151v53.978c0,3.385,1.083,6.158,3.262,8.336 c2.179,2.18,4.945,3.256,8.335,3.256h81.158v42.754H34.786c-3.384,0-6.157,1.09-8.335,3.27c-2.172,2.166-3.262,4.951-3.262,8.322 v46.377c0,3.385,1.083,6.158,3.262,8.336C28.629,427.887,31.401,428.963,34.786,428.963z M199.628,77.179h115.938 c25.6,0,46.248,7.485,61.953,22.46c15.697,14.976,23.549,34.547,23.549,58.691c0,24.156-7.852,43.733-23.549,58.691 c-15.705,14.988-36.354,22.473-61.953,22.473H199.628V77.179z'/></g></g><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/></svg>");

}



.marketMyPayments .item .statusIcon.success_in::before {

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='rgb(130,88,248)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cline x1='12' y1='5' x2='12' y2='19'%3E%3C/line%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");

}



.marketSidebarMenu a.selected {

    box-shadow: inset 2.5px 0 0 0 rgb(130 88 248);

}



.marketSidebarMenu a:hover path, .marketSidebarMenu a:hover line, .marketSidebarMenu a.selected path, .marketSidebarMenu a.selected line {

    stroke: rgb(130,88,248);

}



.marketSidebarMenu a:hover .alt path, .marketSidebarMenu a.selected .alt path {

    fill: rgb(130,88,248);

    stroke: none;

}



.numberStyle, .likeNodes .node .counter {

    color: var(--accent);

    text-shadow: 1px 0px 7px rgb(137 95 255), 0px -2px 1px rgb(0 0 0 / 0%);

}



.page_counter .count {

    color: var(--accent);

    text-shadow: 1px 0px 7px rgb(137 95 255), 0px -2px 1px rgb(0 0 0 / 0%);

}



.navTabs .navTab.PopupClosed .navLink:hover .counter-container img,

.navTabs .navTab.PopupOpen .navLink .counter-container img {

    filter: hue-rotate(var(--accent-hue));

}



.xenOverlay.memberCard .avatar.online .img::before {

    width: 16px;

    height: 16px;

    position: absolute;

    bottom: 1px;

    right: 1px;

    background: rgb(130 88 248);

    display: inline-block;

    content: '';

    border-radius: 50%;

    border: 5px solid rgb(39, 39, 39);

}



.forumSearchThreads--Link--Icon {

    border-radius: 2px;

    padding: 0 14px;

    background: rgb(34,142,93);

    color: rgb(234 234 234);

    line-height: 30px;

    height: 30px;

    display: inline-block;

    font-size: 14px;

}



.navTabs .navTab.PopupOpen .navLink {

    background: var(--accent-dark);

}



.navigation-header {

    background: var(--accent-dark2);

    border-bottom: none;

}



.messageStateIcon {

    color: var(--accent) !important;

}



.conversationItem:hover,

.conversationSearch--Recipient:hover {

    background: var(--accent-dark);

}



#AlertsMenu_Counter {

    filter: none;

    border: none;

    background: var(--accent);

    box-shadow: 0 0 5px 2px var(--accent);

}



.Menu {

    border: none;

    background: var(--accent-dark2);

}



.account-menu-sep {

    visibility: hidden;

}



#AccountMenu > a:hover {

    background: var(--accent-dark);

}



/******************** Profile ********************/



.nodeList .node.current > .nodeInfo > .nodeText > .nodeTitle > a, .nodeList .node .current>div>.nodeTitle>a {

    background: rgb(45, 45, 45);

    color: rgb(137, 95, 255);

    font-weight: 600;

}



.node.current .nodeText .nodeTitle a::before {

    background-image: url("data:image/svg+xml,<svg width='22' viewBox='0 0 24 24' height='22' xmlns='http://www.w3.org/2000/svg' style=''><g fill='none' fill-rule='evenodd' transform='' style='&%2310;'><path d='m0 0h24v24h-24z' opacity='.4'/><path d='m13.7659611 17.4463926c.2552081-.2233071.5827941-.3463926.9219065-.3463926h3.8121324c1.0029437 0 1.6-.5970563 1.6-1.6v-8c0-1.00294373-.5970563-1.6-1.6-1.6h-12c-1.00294373 0-1.6.59705627-1.6 1.6v8c0 1.0029437.59705627 1.6 1.6 1.6h2.499c.69930428.2016957.69930428.2016957.901.901v2.8285534zm-4.9309611 5.0861074c-.47201029-.3540077-.735-.9786083-.735-1.5325v-2.1h-1.6c-1.99705627 0-3.4-1.4029437-3.4-3.4v-8c0-1.99705627 1.40294373-3.4 3.4-3.4h12c1.9970563 0 3.4 1.40294373 3.4 3.4v8c0 1.9970563-1.4029437 3.4-3.4 3.4h-3.6618384l-3.7247187 3.2591288c-.7328429.7187975-1.58913283.8903538-2.2784429.3733712z' fill='%23828a99' fill-rule='nonzero' style='&%2310; fill: rgb(130,88,248);&%2310;'/></g></svg>");

}



.personalTabfave.node.current .nodeText .nodeTitle a::before {

    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='22' height='22' stroke='rgb(130,88,248)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'><polygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'></polygon></svg>");

}



.personalTabviewedthreads.node.current .nodeText .nodeTitle a::before {

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='22' height='22' stroke='rgb(130,88,248)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");

}



.personalTabmythreads.node.current .nodeText .nodeTitle a::before {

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='22' height='22' stroke='rgb(130,88,248)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cline x1='17' y1='10' x2='3' y2='10'%3E%3C/line%3E%3Cline x1='21' y1='6' x2='3' y2='6'%3E%3C/line%3E%3Cline x1='21' y1='14' x2='3' y2='14'%3E%3C/line%3E%3Cline x1='17' y1='18' x2='3' y2='18'%3E%3C/line%3E%3C/svg%3E");

}



.navTabs .navTab.account:hover .balanceLabel .svgIcon--rub::before, .navTabs .navTab.account.PopupOpen .balanceLabel .svgIcon--rub::before {

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' width='510.127px' height='510.127px' viewBox='0 0 510.127 510.127' xml:space='preserve' style='&%2310; fill: rgb(130,88,248);&%2310;'%3E%3Cg%3E%3Cg%3E%3Cpath d='M34.786,428.963h81.158v69.572c0,3.385,1.083,6.156,3.262,8.322c2.173,2.18,4.951,3.27,8.335,3.27h60.502 c3.14,0,5.857-1.09,8.152-3.27c2.295-2.166,3.439-4.938,3.439-8.322v-69.572h182.964c3.377,0,6.156-1.076,8.334-3.256 c2.18-2.178,3.262-4.951,3.262-8.336v-46.377c0-3.365-1.082-6.156-3.262-8.322c-2.172-2.18-4.957-3.27-8.334-3.27H199.628v-42.754 h123.184c48.305,0,87.73-14.719,118.293-44.199c30.551-29.449,45.834-67.49,45.834-114.125c0-46.604-15.283-84.646-45.834-114.125 C410.548,14.749,371.116,0,322.812,0H127.535c-3.385,0-6.157,1.089-8.335,3.256c-2.173,2.179-3.262,4.969-3.262,8.335v227.896 H34.786c-3.384,0-6.157,1.145-8.335,3.439c-2.172,2.295-3.262,5.012-3.262,8.151v53.978c0,3.385,1.083,6.158,3.262,8.336 c2.179,2.18,4.945,3.256,8.335,3.256h81.158v42.754H34.786c-3.384,0-6.157,1.09-8.335,3.27c-2.172,2.166-3.262,4.951-3.262,8.322 v46.377c0,3.385,1.083,6.158,3.262,8.336C28.629,427.887,31.401,428.963,34.786,428.963z M199.628,77.179h115.938 c25.6,0,46.248,7.485,61.953,22.46c15.697,14.976,23.549,34.547,23.549,58.691c0,24.156-7.852,43.733-23.549,58.691 c-15.705,14.988-36.354,22.473-61.953,22.473H199.628V77.179z'/%3E%3C/g%3E%3C/g%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3C/svg%3E");

}



.navTabs .navTab.account:hover .accountUsername, .navTabs .navTab.account:hover .balanceLabel, .navTabs .navTab.account.PopupOpen .accountUsername, .navTabs .navTab.account.PopupOpen .balanceLabel {

    color: rgb(130 88 248);

}



.xenOverlay .section .heading, .xenOverlay .sectionMain .heading, .xenOverlay .errorOverlay .heading {

    background: rgb(130,88,248);

    color: #f5f5f5;

    border-radius: 4px 4px 0 0;

    padding: 18px 60px 18px 25px;

    font-weight: normal;

}



.member_tabs {

    border: none;

}



.simpleRedactor.MemberViewRedactor,

.memberCustomBackground .PanelScroller .panel,

.memberCustomBackground .darkBackground,

.memberCustomBackground .tabs,

.memberCustomBackground .simpleRedactor.MemberViewRedactor, .memberCustomBackground .messageSimple, .memberCustomBackground .primaryContent {

    background: var(--accent-dark2);

}



.messageSimple,

.messageSimple .messageMeta {

    background: var(--accent-dark2);

    border-top: none;

}



.messageSimple .bbCodeHide.bbCodeQuote.bbCodeHide {

    border: 5px solid var(--accent-dark);

}



.bbCodeQuote .attribution,

.bbCodeSource.bbCodeSourceBlock code {

    background: var(--accent-dark);

}



.profileContent,

.sectionMain {

    background: var(--accent-dark2);

}



.bbCodeBlock .type {

    background: var(--accent);

}



.bbCodeQuote:not(.noQuote) {

    border-left: 5px solid var(--accent);

}



/* Warnings */

.warningList > .dataTable tr.dataRow th {

    color: var(--accent-error);

}



.dataTable tr.dataRow td {

    border-bottom: none;

}



.secret_answer_notice {

    background: var(--accent-dark2);

}



.loginPasswordConfirmForm > .button {

    margin-left: 10px;

}



.userIsBanned-notice {

    background: var(--accent-dark);

}



/******************** Main page ********************/

.text_Ads {

    visibility: hidden;

    height: 0px;

}



a.SelectExcludedForumsLink:hover {

    background-color: var(--accent-dark);

}



.discussionListItem:hover {

    background: var(--accent-dark);

}



.personalTabmythreads.node.current .nodeText .nodeTitle a::before {

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='22' height='22' stroke='rgb(130,88,249)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cline x1='17' y1='10' x2='3' y2='10'%3E%3C/line%3E%3Cline x1='21' y1='6' x2='3' y2='6'%3E%3C/line%3E%3Cline x1='21' y1='14' x2='3' y2='14'%3E%3C/line%3E%3Cline x1='17' y1='18' x2='3' y2='18'%3E%3C/line%3E%3C/svg%3E");

}



.nodeList .node.current > .nodeInfo > .nodeText > .nodeTitle > a:before {

    filter: hue-rotate(var(--accent-hue));

}



.node h3.nodeTitle > a:hover {

    background: var(--accent-dark3);

}



.monthMaecenas .donationAmount {

    color: var(--accent);

}



.monthMaecenas--quote {

    background: var(--accent-dark);

}



.monthMaecenas--quote:before {

    border-bottom: 10px solid var(--accent-dark);

}



/* Chat */

#ChatboxStartIcon {

    background: var(--accent-dark2);

}



#ChatboxStartIcon:before {

    color: var(--accent);

}



#completeChatbox.chatboxWidget .header {

    background: var(--accent);

}



.chatboxWidget .chatboxWrapper {

    border: 1px solid var(--accent-dark);

}



#chatbox .meMessage {

    filter: hue-rotate(var(--accent-hue));

}



#chatbox {

    background: var(--accent-dark2);

}



#completeChatbox.chatboxWidget .controls.reversedDirection {

    border-top: 1px solid var(--accent-dark);

}



.ChatboxInput {

    background-color: var(--accent-dark2) !important;

}



#completeChatbox .controls.reversedDirection {

    background: var(--accent-dark2);

    border-top: 1px solid var(--accent-dark);

}



#completeChatbox.chatboxWidget .header>.element.closeChatboxButton {

    padding: 0px 8px;

    margin: 0 -8px;

    font-size: 14px;

    color: var(--accent-whiter);

    text-shadow: 0px 0px 0px rgb(54, 54, 54), 1px 1px 1px var(--accent-dark2);

    cursor: pointer;

}





/******************** Forums ********************/

.titleBar h1,

#pageDescription {

}



.pageNavLinkGroup {

    display: flex;

    margin: 0;

    flex-direction: column-reverse;

    background: var(--accent-dark2);

}



.pageNavLinkGroup .linkGroup {

    padding-bottom: 10px;

    align-self: start;

}



.PageNav {

    padding: 0px 0px 15px;

}



.PageNav a.currentPage {

    background: var(--accent);

}



.PageNav a.currentPage:hover {

    background: var(--accent-light) !important;

}



.stickyThreads {

    border-left: 2px solid var(--accent);

}



.nodeList .node .current > div > .nodeTitle > a {

    color: var(--accent-light);

}



/******************** Threads ********************/

.thread_view .titleBar,

.messageList .message,

.simpleRedactor.QuickReplyRedactor{

    background: var(--accent-dark2);

}



.pageNavLinkGroup {

    border: none;

}



.nodeList .node.current > .nodeInfo > .nodeText > .nodeTitle, .nodeList .node .current>div>.nodeTitle {

    color: rgb(130, 88, 248);

}



#pageDescription > a,

#pageDescription > a > abbr {

    color: var(--accent);

}



.forumSearchThreadsMenu {

    background: var(--accent-dark2);

}



.forumSearchThreads--Link--Icon {

    background: var(--accent);

}



.forumSearchThreads--Link:hover .forumSearchThreads--Link--Icon {

    background: var(--accent-light);

}



.forumSearchThreadsMenu .discussionListItem.current {

    background: var(--accent-dark);

}



.message .messageSimple .comment {

    background: var(--accent-dark2);

}



.messageSimple .comment .commentContent .author {

    color: white;

    background: var(--accent);

}



.alertNotice {

    background: var(--accent-dark2);

}



.CommentLoader {

    color: var(--accent);

}



html .redactor_toolbar li a:hover {

    background: var(--accent-dark);

}



.needInNewArticles {

    filter: hue-rotate(var(--accent-hue));

}



/******************** Articles ********************/

#articlesGrid, .articleImageBox {

    background: var(--accent-dark2);

}



#articleTitleBlock {

    background: var(--accent-dark);

}



.TagContainer {

    border: 0;

    padding: 5px;

    margin: 0;

    background: var(--accent-dark2);

}



.tagList .tag {

    background: var(--accent);

}



.marketUpgradeBadge::before {

    content: '';

    background: url(https://i.imgur.com/hAfLKgW.png) no-repeat center;

    background-size: 100%;

    width: 100px;

    height: 30px;

    float: left;

}



#lzt-market-logo {

    background: url(https://i.imgur.com/hAfLKgW.png) no-repeat center;

    background-size: 100%;

    width: 135px;

    height: 44px;

    float: left;

    margin: 0 10px 0 0;

}



/******************** Market ********************/



.backToHomeButton {

    background: var(--accent-dark);

}



.backToHomeButton:hover {

    background: var(--accent-dark2);

}



.marketSidebarMenu {

    background: var(--accent-dark2);

}



.marketSidebarMenu .svgIcon svg {

    filter: hue-rotate(var(--accent-hue));

}



.chosen-container .chosen-results li.active-result,

.marketSidebarMenu a:hover {

    background: var(--accent-dark);

}



.marketSidebarMenu .balanceNumber,

.marketMyPayments > .item .amountChange .in{

    color: var(--accent);

}



.marketMyPayments > .item .comment {

    background: var(--accent-dark);

}



.marketMyPayments > .item .comment .commentSvg {

    fill: var(--accent-dark);

}



.searchBarForm--searchHistory,

.categoryLinks .link {

    color: white;

    background: var(--accent-dark2);

}



.searchBarForm--searchHistory:hover,

.categoryLinks .

Все сохраняем

Теперь заходим на форум, открываем вкладку расширения и ставим галочку на нашей новой теме


Готово! Можете любоваться свежим оформлением

При необходимости можно в любой момент подправить что-то в коде на ваше усмотрение

Скриншоты

Дополнение

Синяя тема
Красная тема
Розовая тема

Можете указывать косяки, которые вы встретите во время работы с темой.
Буду постоянно обновлять код

Заранее благодарю за фидбек