Потратил немного времени, запилил для пользователей темный стиль, ибо бывают моменты что ночью белые краски глаза режут.
Для его установки выполняем ряд действий:
- Устанавливаем https://addons.mozilla.org/ru/firefox/addon/custom-style-script/?src=search (для других браузеров какой либо другой аддон, их кучи)
- В настройках аддона для сайта xss.pro прописываем следующие стили
CSS:
.p-pageWrapper{background: #2e2e2e}.p-nav{border-bottom: 5px solid #313132;}html{color:white}.block-container {color: #e6e6e6;background: #343333;border-width: 1px;border-style: solid;border-top-color: #383838;border-right-color: #383838;border-bottom-color: #383838;border-left-color: #383838;box-shadow: 0px 1px 2px #383838}.block-header {padding: 10px 15px;margin: 0;font-weight: 400;text-decoration: none;font-size: 18px;color: #fff;background: #323232;border-top: 5px solid #373737;border-bottom: 1px solid #373737}a {color: #e8e8e8;}.p-nav {background: #2a2a2a;}.XenBase .p-body-sidebar .block-minorHeader {font-size: 16px;color: #fff;background: #343333;border-top: 5px solid #373737;border-bottom: 1px solid #2b2b2b;}.p-body-sidebar .block .block-container {background: #343333;}.block--category .block-body.nodedual .node .node-body .node-extra {display: block;width: auto;padding: 5px 15px;background-color: #3c3c3c;}.block-footer {padding: 10px 15px;font-size: 12px;color: #a1a1a1;border-top: 1px solid #e7e7e7;background: linear-gradient(180deg, #343333, #343333);}.node-footer {background: #373737;height: 5px;}.node + .node {border-top: 1px solid #434343;}.p-staffBar {font-size: 13px;color: #fcfcfc;background: #373737;border-bottom: 1px solid #363b42;}.block--category .block-body.nodedual .node {min-width: 280px;flex: 1 1 50%;padding: 10px 0;border-bottom: 1px solid #454343;border-top-width: 0;}.p-nav-list .p-navEl.is-selected {color: #fff;font-weight: 700;background: #303030;border-top-left-radius: 2px;border-top-right-radius: 2px;}.menu-content {margin: 0;padding: 0;list-style: none;text-align: left;font-size: 13px;color: #fff;background: #2e2e2e;border-radius: 3px;border-top-right-radius: 3px;border-top: 3px solid #2e2e2e;}.menu-row.menu-row--highlighted {color: #fff;background: #2e2e2e;}.menu-linkRow {display: block;padding: 10px 20px 10px 17px;border-left: 3px solid transparent;color: #ddd;text-decoration: none;}.menu-footer {padding: 10px 20px;font-size: 12px;color: #6a6a6a;border-top: 1px solid #e7e7e7;background: linear-gradient(180deg, #2e2e2e, #2e2e2e);}.menu-header {padding: 10px 20px;margin: 0;font-weight: 400;text-decoration: none;font-size: 16px;color: #fff;background: #2e2e2e;border-bottom: 1px solid #373737;}.p-breadcrumbs {font-size: 15px;color: #eee;font-size: 0;font-weight: 400;background: #393939;border: 1px solid #313132;padding-top: 10px;padding-right: 15px;padding-bottom: 10px;padding-left: 15px;box-shadow: 2px 2px 2px rgba(0,0,0,0.04);}.memberHeader-main {background: #2e2e2e;border-bottom: 1px solid #383838;border-radius: 3px 3px 0 0;}.memberHeader-separator {margin: 15px 0;border: none;border-top-color: currentcolor;border-top-style: none;border-top-width: medium;border-top: 1px solid #4d4d4d;}.block--messages .message, .block--messages .block-row {color: #e3e3e3;background: #343333;border-width: 1px;border-style: solid;border-top-color: #343333;border-right-color: #343333;border-bottom-color: #343333;border-left-color: #343333;box-shadow: 0px 1px 2px rgb(52, 51, 51);border-radius: 4px;}.message-cell.message-cell--user, .message-cell.message-cell--action {position: relative;background: #2e2e2e;border-right: 1px solid #2e2e2e;min-width: 0;}.block-tabHeader {padding: 0;margin: 0;font-weight: 400;font-size: 15px;color: #fff;background: #373737;border-bottom: 1px solid #dfdfdf;font-size: 0;}.button.button--link, a.button.button--link {background: #2e2e2e;color: #e1e1e1;border-color: #2e2e2e #2e2e2e #2e2e2e #2e2e2e;}.button.button--link:hover, a.button.button--link:hover, .button.button--link:active, a.button.button--link:active, .button.button--link:focus, a.button.button--link:focus {text-decoration: none;background: #464444;}.bbCodeBlock {margin: .75em 0;background: #2e2e2e;border: 1px solid #414141;border-left-color: rgb(65, 65, 65);border-left-style: solid;border-left-width: 1px;border-left: 3px solid #2e2e2e;}.bbCodeBlock-title {padding: 10px 15px;font-size: 13px;color: #FFF;background: #404040;}.likesBar {display: none;opacity: 0;-webkit-transition: all .25s ease;transition: all .25s ease;transition-property: all;-webkit-transition-property: all,-xf-opacity;transition-property: all,-xf-opacity;overflow-y: hidden;height: 0;-webkit-transition-property: all,-xf-height;transition-property: all,-xf-height;background: #2e2e2e;border: 1px solid #484848;border-left-color: rgb(72, 72, 72);border-left-style: solid;border-left-width: 1px;border-left: 2px solid #2e2e2e;padding: 10px;font-size: 12px;margin-top: 10px;}.fr-box.fr-basic .fr-wrapper {background: #2e2e2e;background-clip: border-box;border: 1px solid #474646;border-top-color: rgb(71, 70, 70);border-top-style: solid;border-top-width: 1px;border-top: 0;top: 0;left: 0;}.fr-box.fr-basic .fr-element {color: #ececec;}.block-filterBar {padding: 10px 15px;font-size: 16px;color: #fff;background: #2e2e2e;border-top: 5px solid #333;border-bottom: 1px solid #2e2e2e;}a:hover {color: #707070;text-decoration: underline;}.menu-row.menu-row--clickable:hover {background: #2f2f2f;}.structItem {display: table;table-layout: fixed;border-collapse: collapse;border-top: 1px solid #4e4e4e;list-style: none;margin: 0;padding: 0;width: 100%;}.pageNav-page.pageNav-page--current {background: #434343;color: #fff;border: 1px solid #454545;cursor: pointer;}.formRow > dt {border-right: 1px solid transparent;border-right-color: transparent;background: #2e2e2e;border-color: #585757;text-align: right;width: 33%;padding: 15px 15px 15px 15px;}.input {font-size: 15px;color: #ddd;background: #424242;border-width: 1px;border-style: solid;border-top-color: #4b4a4a;border-right-color: #4b4a4a;border-bottom-color: #4b4a4a;border-left-color: #4b4a4a;border-radius: 4px;padding: 10px;display: block;width: 100%;line-height: 1.4;text-align: left;word-wrap: break-word;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-transition: all .25s ease;transition: all .25s ease;}.formSubmitRow-bar {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #2e2e2e;border-top: 1px solid #4b4b4b;}.blockLink.is-selected {font-weight: 700;background: #2e2e2e;border-left: 3px solid #4d4d4d;padding-left: 12px;}.message-userArrow {position: absolute;top: 30px;right: -1px;border: 15px solid #34343400;border-right-color: rgba(52, 52, 52, 0);border-left-width: 15px;border-left-width: 0;border-right-color: #545454;}.message-userArrow::after {position: absolute;top: -14px;right: -15px;content: "";border: 14px solid transparent;border-right-color: transparent;border-left-width: 14px;border-left-width: 0;border-right-color: #373737;}.message-attribution {color: #9d9d9d;font-size: 12px;padding-bottom: 3px;border-bottom: 1px solid #4c4c4c;}.message-signature {margin-top: 15px;font-size: 12px;color: #9d9d9d;border-top: 1px solid #4c4c4c;padding-top: 3px;}.menu-row.menu-row--separated + .menu-row {border-top: 1px solid #4c4c4c;}.menu-footer {padding: 10px 20px;font-size: 12px;color: #6a6a6a;border-top: 1px solid #474444;background: linear-gradient(180deg, #2e2e2e, #2e2e2e);}.message.is-mod-selected, .block--messages .message.is-mod-selected {background: #252525;}.bbCodeBlock-expandLink {display: none;position: absolute;top: 120px;left: 0;right: 0;height: 100px;cursor: pointer;background: transparent;background: linear-gradient(to bottom, rgb(57, 57, 57) 0%, #343434 80%);}.message.is-mod-selected .message-userArrow::after, .block--messages .message.is-mod-selected .message-userArrow::after {border-right-color: #272727;}.menu-row.menu-row--alt {color: #1d1d1d;background: #2e2e2e;}.menu-row.menu-row--alt {color: #fff;}.p-staffBar-link:hover {text-decoration: none;background: #3f3f3f;border-radius: 2px;}.menu-linkRow.is-selected, .menu-linkRow:hover, .menu-linkRow:focus {color: #fff;text-decoration: none;background: #393939;border-left-color: rgba(52,73,94,0.5);}.reactionsBar {display: none;opacity: 0;-webkit-transition: all .25s ease, -xf-opacity .25s ease;transition: all .25s ease, -xf-opacity .25s ease;transition-property: all, -xf-opacity;overflow-y: hidden;height: 0;-webkit-transition-property: all,-xf-height;transition-property: all,-xf-height;background: #323232;border: 1px solid #4a4a4a;border-left-color: rgb(74, 74, 74);border-left-style: solid;border-left-width: 1px;border-left: 2px solid #6f7172;padding: 10px;font-size: 12px;margin-top: 10px;}.p-breadcrumbs a {color: #f2f2f2;}.block-row.block-row--alt {color: #f9f9f9;background: #343434;}.block-row.block-row--separated + .block-row {border-top: 1px solid #474747;}.reaction--1 .reaction-text {color: #4f81b3;}.message.is-mod-selected .message-cell--user, .block--messages .message.is-mod-selected .message-cell--user {background: #222;}.input:focus, .input.is-focused {outline: 0;background: #3c3c3c;border-color: #403f3f;}.tooltip--bookmark .tooltip-content, .tooltip--member .tooltip-content, .tooltip--share .tooltip-content {color: #efefef;background: #2f2f2f;padding: 0;text-align: left;border: 1px solid #2d2d2d;box-shadow: 0 5px 10px 0 rgba(0,0,0,0.35);}.memberTooltip-header {display: table;table-layout: fixed;width: 100%;padding: 10px;background: #313131;border-bottom: 1px solid #454545;}.memberTooltip-separator {margin: -1px 10px 0;border: none;border-top-color: currentcolor;border-top-style: none;border-top-width: medium;border-top: 1px solid #464646;}.message-responseRow {margin-top: -1px;background: #373636;border: 1px solid #444;padding: 10px;}.block-tabHeader .tabs-tab.is-active {background: none;color: #fff;border-color: #2E2E2E;}.block-tabHeader .tabs-tab:hover {color: #fff;background: rgba(0,0,0,0.1);}Тестируем, пишем в этой теме что изменить или добавить.
Отблагодарить можно, если заслужил конечно, вот сюда - 1LFoQmEHc32peecGzRnuEUdBeF2Lzjio2v
Последнее редактирование:
