Темный режим для меж. рас аукциона

Maxoune

Я тут был
VIP
Большая просьба к администрации данного проекта добавить темный режим (night mode) к меж. рас аукциону.
 
Настрочил на коленке, за 5 минут, стиль для расширения Stylus.
Собственно ставим расширение Stylus ( есть на opera, chrome, firefox, насчет остальных хз)

HTML:
@-moz-document domain("auction.cerberus-games.com") {
body,
html {
    background-color: rgb(46, 46, 46);
    color: #e1e1e1;
}

.light-theme a,
.light-theme span {
    color: #fff;
    border: 1px solid #2e2e2e;
    background: #2d2d2d;
    background: -moz-linear-gradient(top, #2d2d2d 0%, #585858 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d2d2d), color-stop(100%, #585858));
    background: -webkit-linear-gradient(top, #2d2d2d 0%, #585858 100%);
    background: -o-linear-gradient(top, #2d2d2d 0%, #585858 100%);
    background: -ms-linear-gradient(top, #2d2d2d 0%, #585858 100%);
    background: linear-gradient(top, #2d2d2d 0%, #585858 100%);
}

.light-theme .current {
    box-shadow: 0 1px 0 #2e2e2e, 0 0 2px #0000004d inset;
}

.progress-bar-striped,
.progress-striped .progress-bar {
    background-image: unset
}

.panel {
    background-color: #2e2e2e;
}

.Character {
    -webkit-filter: invert(1);
    filter: invert(1);
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #3c3c3c;
}
.popover {
    background-color: #3c3c3c;
}
}



    • Открываем менеджер тем
    • Тык Создать стиль
    • Сверху копируем код стиля
    • Тык Импорт или клац Ctrl+V
    • Тык Заменить стиль
    • В поле Название пишем соответственно любое название
    • Сохраняем.
    • Пользуемся
На какие-то PRO навыки в написании css-стилей не претендую, вообще почти не шарю, но я в целом доволен.
Само собой более шарящие могут допилить адекватно (к примеру я не смог понять как в персонажах заинвертить только картинку, а не весь блок)
 
Последнее редактирование:
Настрочил на коленке, за 5 минут, стиль для расширения Stylus.
Собственно ставим расширение Stylus ( есть на opera, chrome, firefox, насчет остальных хз)

HTML:
@-moz-document domain("auction.cerberus-games.com") {
body,
html {
    background-color: rgb(46, 46, 46);
    color: #e1e1e1;
}

.light-theme a,
.light-theme span {
    color: #fff;
    border: 1px solid #2e2e2e;
    background: #2d2d2d;
    background: -moz-linear-gradient(top, #2d2d2d 0%, #585858 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d2d2d), color-stop(100%, #585858));
    background: -webkit-linear-gradient(top, #2d2d2d 0%, #585858 100%);
    background: -o-linear-gradient(top, #2d2d2d 0%, #585858 100%);
    background: -ms-linear-gradient(top, #2d2d2d 0%, #585858 100%);
    background: linear-gradient(top, #2d2d2d 0%, #585858 100%);
}

.light-theme .current {
    box-shadow: 0 1px 0 #2e2e2e, 0 0 2px #0000004d inset;
}

.progress-bar-striped,
.progress-striped .progress-bar {
    background-image: unset
}

.panel {
    background-color: #2e2e2e;
}

.Character {
    -webkit-filter: invert(1);
    filter: invert(1);
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #3c3c3c;
}
.popover {
    background-color: #3c3c3c;
}[/SIZE]
}



    • Открываем менеджер тем
    • Тык Создать стиль
    • Сверху копируем код стиля
    • Тык Импорт или клац Ctrl+V
    • Тык Заменить стиль
    • В поле Название пишем соответственно любое название
    • Сохраняем.
    • Пользуемся
На какие-то PRO навыки в написании css-стилей не претендую, вообще почти не шарю, но я в целом доволен.
Само собой более шарящие могут допилить адекватно (к примеру я не смог понять как в персонажах заинвертить только картинку, а не весь блок)


Выдает мне такое
upload_2020-10-5_17-24-59.png
 
Сделайте тему с опросом, что бы посмотреть кто за , а кто против .

я за темное оформление
 
Просто прикрутить это людям, знающим свое дело, не составит большого труда, нежели то, что предложили выше. 2020 год, тёмная тема есть везде, давайте следовать трендам!
 
Назад
Сверху