Загрузка...

Design
Original purple theme for Lolz.guru

Thread in Extentions created by 737363728119 Jan 2, 2022. (bumped May 16, 2022) 2,694 views

  1. 737363728119
    737363728119 Topic starter Jan 2, 2022 4,191 Jul 13, 2021
    Who's liked this post (23)
    Эта статья посвящается тем, кому приелась дефолтная тема форума

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

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

    [IMG]

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


    Пишем рандомное название и вставляем код ниже
    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 .
    Все сохраняем

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

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

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

    [IMG]

    [IMG]

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

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

    Заранее благодарю за фидбек
     
    This article was useful for you?
    You can thank the author of the topic by transferring funds to your balance
    Thank the author
    Jan 2, 2022 Edited
  2. xdxcxswww
    xdxcxswww Jan 2, 2022 24h work 138 Nov 9, 2021
    клева, люблю фиолетовый
     
    Jan 2, 2022
  3. zwhxejdnctldsdwm
    zwhxejdnctldsdwm Jan 2, 2022
    Who's liked this post (1)
    фиол баганый(
     
    Jan 2, 2022
    1. zwhxejdnctldsdwm
      @YZYM14, [IMG] у меня другой софт немного
      Jan 3, 2022
  4. пиксель
    пиксель Jan 2, 2022 312 Jul 13, 2018
    Who's liked this post (1)
    [IMG] :finger_up:
     
    Jan 2, 2022
    1. reincarnation
      avatarпиксель, спасибо за пример, а то автор нихуя не оставил
      Jan 2, 2022
    2. пиксель
      это не пример, просто показал что я ее поставил) ты ведь сам оставил такой-же скрин
      Jan 2, 2022
  5. Совесть
    Совесть Jan 2, 2022 Banned 616 Nov 3, 2019
    А теперь все сначала только на ios
     
    Jan 2, 2022
    1. шизик
      Jan 2, 2022
  6. neotsosu
    neotsosu Jan 2, 2022 Banned 191 Nov 4, 2021
    [IMG]
    Че делать? Когда нажимаю заменить стиль
     
    Jan 2, 2022
  7. майл
    майл Jan 2, 2022 Banned
    симпатишно, можешь добавить фейк роль/фейк уник
     
    Jan 2, 2022
    1. 1st_inactive3559338
      avatarмайл, у меня статья есть как в этом расширении сделать уник бесплатно
      Jan 2, 2022
    2. Яндекс
      Jan 10, 2022
    3. майл
      Jan 10, 2022
  8. 1st_inactive3559338
    1st_inactive3559338 Jan 2, 2022 Banned
    Была тема уже лол с точно таким же дизайном
     
    Jan 2, 2022
    1. View previous comments (3)
    2. 1st_inactive3559338
      avatarмайл, неа, такая тема до него уже была
      Jan 2, 2022
    3. майл
      avatar1st_inactive3559338, если хочешь, можешь мою тему глянуть. в закрепе ссылка
      Jan 2, 2022
    4. 737363728119 Topic starter
      Jan 2, 2022
  9. FADEE
    FADEE Jan 2, 2022 Banned 1,362 Dec 12, 2021
    Мб пусть на сайт добавят темы? Было бы круто
     
    Jan 2, 2022
    1. reincarnation
      avatarFADEE, давно пора, а то зеленый подзаебал
      Jan 2, 2022
  10. perfomance
    perfomance Jan 2, 2022 Banned
    фига ты гасишь, ну а я дальше подожду пока сам лолз добавит это
     
    Jan 2, 2022
    1. 737363728119 Topic starter
      avatarperfomance, долго ждать придется
      Jan 2, 2022
  11. reincarnation
    reincarnation Jan 2, 2022 Banned 624 Mar 30, 2021
    выглядит сочно, правда текст при написании комментария хуйня какая-то, надо бы исправить, а так 8/10
    [IMG]
     
    Jan 2, 2022
  12. Facelessxx
    Facelessxx Jan 2, 2022 В активном поиске 28,795 Jun 13, 2018
    Можно тему гучи или луи сделать :face_smile:
     
    Jan 2, 2022
    1. майл
      avatarFacelessxx , даже цыган с этого в ахуе..
      Jan 2, 2022
  13. e3w343roip490it9
    e3w343roip490it9 Jan 3, 2022 Banned 1,695 Jul 27, 2020
    теперь тоже самое но цветлые тона пож
     
    Jan 3, 2022
    1. 737363728119 Topic starter
      Jan 3, 2022
  14. arabtraf
    arabtraf Jan 3, 2022 Banned 5,657 Jun 8, 2019
    Розовую сделай по брацки
     
    Jan 3, 2022
    1. trip
      Jan 3, 2022
  15. awfeel
    awfeel Jan 6, 2022 :fap: 329 Apr 30, 2021
    бля, шрифту пизда чота
     
    Jan 6, 2022
  16. Bonani
    Bonani Jan 6, 2022 Banned 2,614 Dec 26, 2021
    Да чёт дефолтная лучше смотрится из предложенных
     
    Jan 6, 2022
  17. awfeel
    awfeel Jan 6, 2022 :fap: 329 Apr 30, 2021
    Who's liked this post (1)
    Нашёл косяк: [IMG] [IMG]
     
    Jan 6, 2022 Edited
    1. View previous comments (7)
    2. awfeel
      avatarawfeel, хуйня какая то в чате[IMG]
      Jan 6, 2022
    3. awfeel
      avatarawfeel, блять все серое на фиол не видно[IMG]
      Jan 6, 2022
    4. 737363728119 Topic starter
      avatarawfeel, еба настрочил
      Jan 8, 2022
  18. RocketDude
    RocketDude Jan 10, 2022 ДОМЕНЫ https://zelenka.guru/threads/2865040/ 4,341 Nov 21, 2018
    Who's liked this post (1)
    Оригинал лучше.
     
    Jan 10, 2022
  19. luminescence
    luminescence Jan 10, 2022 Banned 14,209 Dec 19, 2018
    поставил розовую тему, баги появляются, жить можно
     
    Jan 10, 2022
  20. Bitcoin_BTC_inactive4849267
    Bitcoin_BTC_inactive4849267 Jan 10, 2022 ѪѪѪѪѪѪѪѪѪ 321 Dec 30, 2021
    Да пиздатая тема
     
    Jan 10, 2022
Loading...