Дизайн Оригинальная фиолетовая тема для Lolz.guru

737363728119 · 2 янв 2022

Эта статья посвящается тем, кому приелась дефолтная тема форума
Скачиваем расширение 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 .

Код

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 .

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

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

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

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

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

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