Комментарий #9602660

animeshnik_ALT
Классическая тема шикимори


фон и код
Фон - i.imgur.com/MjpSgar.png
@media screen and (min-width: 1px) {
  html:root {
    --white-color: 17, 34, 51;
    --light-color: 0, 0, 0;
    --dark-color: 17, 34, 51;
    --bright-color: 23, 96, 147;
    --dull-color: 17, 34, 51;
    --input-color: 157, 162, 168;
    --hover-bottoms-1: 238, 238, 238;
    --buttoms-color: 68, 85, 102;
    --hover-buttoms-2: 29, 120, 183;
    --very-high-rating: 70, 130, 180;
    --high-rating: 98, 149, 189;
    --average-rating: 121, 169, 207;
    --small-rating: 152, 194, 227;
    --time-filled: 244, 81, 81;
    --time-empty: 170, 170, 170;
    --anime-inprocess: 121, 169, 207;
    --anime-complete: 70, 130, 180;
    --manga-inprocess: 183, 139, 199;
    --manga-complete: 237, 172, 217;
    --hover-color: 221, 82, 2;
    --shadows-color: 157, 162, 168;
    --block-color: 232, 235, 239;
    --menu-back: 255, 255, 255;
    --nick-cover: 242, 242, 242;
    --popup-color: 255, 255, 255;
    --hundred: 1;
  }
}
Также я настоятельно рекомендую добавить эти настройки для лучшей контрастности:
/*На странице списка*/
.p-user_rates-index .list-lines tr .name a {
    color: rgba(var(--bright-color), 1);
}
.p-user_rates-index .list-lines tr td .rate-text, .b-user_rate .rate-show .note {
    color: #000000; /* более контрастный оранжевый - #dda45b */
}
/*Заголовки разных цветов*/
.fc-headlines .midheadline.red.linkheadline {
    color: #1b5039;
}
.fc-headlines .midheadline.blue.linkheadline {
    color: #6c164d;
}
.fc-headlines .midheadline.green.linkheadline {
    color: #205e70;
}
.orange {
    color: #6c3d20;
}
.skyblue {
    color: #1b4862;
}
.magenta {
    color: #621848;
}
.red {
    color: #661515;
}
.blue {
    color: #193e6a;
}
.purple {
    color: #481764;
}
.green {
    color: #186240;
}
.gray {
    color: #484848;
}
.brown {
    color: #78461a;
}
.powderblue {
    color: #175364;
}
.yellow {
    color: #5e5c14;
}
.pink {
    color: #5c1964;
}
/*Лого клуба на странице клуба*/
.b-menu_logo img, .p-clubs-show .l-content .logo img {
    background: none;
    box-shadow: none;
}
/*Изменяю прозрачность градиентовой надписи*/
body * .b-anime_status_tag.other:not([data-text]), body * .b-anime_status_tag.other:before {
    background: linear-gradient(45deg, #feda75db, #fa7e1edb, #d62976db, #962fbfdb, #4f5bd5db) !important;
}
/*Убираю прозрачность в похожих аниме*/
.b-catalog_entry.completed {
    background: rgb(23 76 23);
}
.b-catalog_entry.planned {
    background: rgb(18, 74, 132);
}
.b-catalog_entry.dropped {
    background: rgb(134, 45, 30);
}
.b-catalog_entry.on_hold {
    background: rgb(76, 75, 75);
}
.b-catalog_entry.watching {
    background: rgb(55, 49, 132);
}
/*Кнопки в клубе, выходящие подсказки, полоски оценок*/
.b-link_button, .tipsy-inner, .bar.horizontal .line .bar-container .value, .b-video .marker, .b-image .marker, .b-video .name {
    color: white !important;
}
Ответы
nessensis
nessensis#
@animeshnik_ALT, спасибо за белую тему, взяла поносить.
Добавление к коду - забыли про статус "Пересматриваю", где убирали прозрачность
.b-catalog_entry.rewatching {
    background: rgb(31, 111, 106);
}
назад
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть