Product Radar Dark Theme by vertopolkalf

/* ==UserStyle==
@name         Product Radar Dark Theme
@version      20250127.16.54
@namespace    https://userstyles.world/user/vertopolkalf
@description  Dark Theme for productradar.ru
@author       vertopolkalf
@license      No License
==/UserStyle== */

@-moz-document domain("productradar.ru") {
/* MAIN */
/* Developer: https://t.me/vertopolkalf */
:root {
    --background: #000;
    --background-2: #111;
    --text: #fff;

    --primary: #5d83e6;
    --primary-darker: #4061d4;
    --primary-lighter: #7899f1;
    --primary-lighter-1: #99b8f1;
}

body {
    background: #111;
}

.header,
.form__section {
    border-color: #232323;
}

.header__inner {
    background: var(--background-2);
    color: #fff;
}

.logo a {
    color: #fff;
}

.upload-box__info {
    color: #aaa;
}

input[type=email],
input[type=password],
input[type=search]:not(.choices__input),
input[type=text],
input[type=url],
textarea {
    background: #222;
    color: #fff;
    border-color: #444;
}


.button:hover {
    background-color: #444;
}

.wp-element-button {
    border-color: var(--primary-darker);
}

.choices__inner {
    background: #222;
    border-color: #444;
}

.choices__input {
    background: #222;
    color: #fff;
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
    background-color: #222;
    border-color: #444;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background-color: var(--dark-2);
}

.choices__heading {
    border-color: #555;
}

.choices[data-type*=select-one] .choices__input {
    background: #222;
}

.search-form__icon{
    background: var(--dark-1);
}

.search-form__icon:hover{
    background: #4a6ddb;
}

.search-form__icon img{
    filter: invert(1) hue-rotate(180deg);
}

.button--red:hover{
    background-color: var(--red-1);
}

.button--gray:hover{
    background-color: var(--dark-2);
}
}

@-moz-document domain("productradar.ru") {
/* ICONS */
.product__back:before,
.page__back:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' fill='none'%3E%3Cpath stroke='%23ffffff' stroke-width='1.5' d='M7 1 2 6l5 5'/%3E%3C/svg%3E") no-repeat 50% /contain;
}

.button--share:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='22' fill='none'%3E%3Cpath fill='%23aaaaaa' d='M18.5 20.204V7.634c0-.99-.897-1.796-2-1.796h-4v1.796h4v12.57h-14V7.634h4V5.838h-4c-1.103 0-2 .805-2 1.796v12.57c0 .99.897 1.796 2 1.796h14c1.103 0 2-.806 2-1.796Z'/%3E%3Cpath fill='%23aaaaaa' d='M13.5 4.49 9.5 0l-4 4.49h3.001v7.182h2V4.49H13.5ZM8.5 11.672h2v2.245h-2z'/%3E%3C/svg%3E") no-repeat 50% /15px;
}

.button--telegram:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 256 256'%3E%3Cpath fill='%23cccccc' stroke-miterlimit='10' d='M26.07 3.996a2.974 2.974 0 0 0-.933.223h-.004c-.285.113-1.64.683-3.7 1.547l-7.382 3.109c-5.297 2.23-10.504 4.426-10.504 4.426l.062-.024s-.359.118-.734.375a2.03 2.03 0 0 0-.586.567c-.184.27-.332.683-.277 1.11.09.722.558 1.155.894 1.394.34.242.664.355.664.355h.008l4.883 1.645c.219.703 1.488 4.875 1.793 5.836.18.574.355.933.574 1.207.106.14.23.257.379.351a1.118 1.118 0 0 0 .246.106l-.05-.012c.015.004.027.016.038.02.04.011.067.015.118.023.773.234 1.394-.246 1.394-.246l.035-.028 2.883-2.625 4.832 3.708.11.046c1.007.442 2.027.196 2.566-.238.543-.437.754-.996.754-.996l.035-.09 3.734-19.129c.106-.472.133-.914.016-1.343a1.807 1.807 0 0 0-.781-1.047 1.872 1.872 0 0 0-1.067-.27zm-.101 2.05c-.004.063.008.056-.02.177v.011l-3.699 18.93c-.016.027-.043.086-.117.145-.078.062-.14.101-.465-.028l-5.91-4.531-3.57 3.254.75-4.79 9.656-9c.398-.37.265-.448.265-.448.028-.453-.601-.133-.601-.133l-12.176 7.543-.004-.02-5.836-1.965v-.003c-.004 0-.012-.004-.015-.004.003 0 .03-.012.03-.012l.032-.016.031-.011s5.211-2.196 10.508-4.426c2.652-1.117 5.324-2.242 7.379-3.11 2.055-.863 3.574-1.496 3.66-1.53.082-.032.043-.032.102-.032z' font-family='none' font-size='none' font-weight='none' style='mix-blend-mode:normal' text-anchor='none' transform='scale(8)'/%3E%3C/svg%3E") no-repeat 50% /contain
}

.button--website:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill:%23cccccc'%3E%3Cpath d='m13 3 3.293 3.293-7 7 1.414 1.414 7-7L21 11V3z'/%3E%3Cpath d='M19 19H5V5h7l-2-2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2v-5l-2-2v7z'/%3E%3C/svg%3E") no-repeat 50% /contain;
}

.button--share-frontpage:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='22' fill='none'%3E%3Cpath fill='%234a6ddb' d='M18.5 20.204V7.634c0-.99-.897-1.796-2-1.796h-4v1.796h4v12.57h-14V7.634h4V5.838h-4c-1.103 0-2 .805-2 1.796v12.57c0 .99.897 1.796 2 1.796h14c1.103 0 2-.806 2-1.796Z'/%3E%3Cpath fill='%234a6ddb' d='M13.5 4.49 9.5 0l-4 4.49h3.001v7.182h2V4.49H13.5Zm-5 7.182h2v2.245h-2z'/%3E%3C/svg%3E") no-repeat 50% / 15px !important;
}

.navigation-menu__item--submit a:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23ffffff' d='M11 5H9v4H5v2h4v4h2v-4h4V9h-4V5Z'/%3E%3Cpath fill='%23ffffff' d='M10 0C4.486 0 0 4.486 0 10s4.486 10 10 10 10-4.486 10-10S15.514 0 10 0Zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8Z'/%3E%3C/svg%3E") no-repeat 50% /contain;
}

.navigation-menu__item--submit a:hover:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%231C1C28' d='M11 5H9v4H5v2h4v4h2v-4h4V9h-4V5Z'/%3E%3Cpath fill='%231C1C28' d='M10 0C4.486 0 0 4.486 0 10s4.486 10 10 10 10-4.486 10-10S15.514 0 10 0Zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8Z'/%3E%3C/svg%3E") no-repeat 50% /contain;
}

.radio-buttons label:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath fill='%23fff' d='M0 9c0 4.962 4.037 9 9 9 4.962 0 9-4.038 9-9s-4.038-9-9-9C4.037 0 0 4.038 0 9Zm15.429 0A6.436 6.436 0 0 1 9 15.429 6.436 6.436 0 0 1 2.571 9 6.436 6.436 0 0 1 9 2.571 6.436 6.436 0 0 1 15.429 9Z'/%3E%3C/svg%3E") no-repeat 50% /contain;
}

.button--edit:before{
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='m7 17.013 4.413-.015 9.632-9.54c.378-.378.586-.88.586-1.414s-.208-1.036-.586-1.414l-1.586-1.586c-.756-.756-2.075-.752-2.825-.003L7 12.583v4.43zM18.045 4.458l1.589 1.583-1.597 1.582-1.586-1.585 1.594-1.58zM9 13.417l6.03-5.973 1.586 1.586-6.029 5.971L9 15.006v-1.589z' fill='%23ffffff'/%3E%3Cpath d='M5 21h14c1.103 0 2-.897 2-2v-8.668l-2 2V19H8.158c-.026 0-.053.01-.079.01-.033 0-.066-.009-.1-.01H5V5h6.847l2-2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2z' fill='%23ffffff' /%3E%3C/svg%3E") no-repeat 50% /contain;
}

.upload-box__preview img {
    filter: invert(0);
}

img[src*="https://productradar.ru/wp-content/themes/vchunt/assets/images/bx-user-circle.svg"],img[src*="https://productradar.ru/wp-content/themes/vchunt/assets/images/add-image.svg"]{
    filter: invert(1);
}
}

@-moz-document domain("productradar.ru") {
/* INDEX */
.categories-bar a {
    background: var(--dark-1);
}

.categories-bar a:hover {
    background: var(--dark-2)
}

.groupby__item:not(:last-child) {
    border-color: #444;
}

.card {
    border-color: #333;
}

.card__image img {
    background: #fff;
}

.card__comments,
.categories a {
    color: var(--dark-3);
}

.card__comments svg {
    fill: var(--dark-4);
}

.upvote {
    background-color: var(--dark-1);
    border-color: var(--dark-1);
}
.upvote--voted {
    background-color: var(--primary);
    border: 1px solid var(--primary);
    transition: .1s ease-out;
}

.upvote svg {
    fill: var(--dark-3) !important;
}

.card__status {
    background: var(--dark-1);
    color: var(--text);
}

.notification__block{
    background: #222;
}

.notification__header{
    border-color: #444;
}
}

@-moz-document domain("productradar.ru") {
/* PRODUCT PAGE */
.button--gray {
    background-color: var(--dark-1);
    border-color: var(--dark-1);
}

.button--gray img {
    filter: invert(1);
}

.button {
    color: #fff;
}

.product-gallery__item img {
    border-color: var(--dark-1);
}

.product__about-item--cta {
    background: var(--dark-1);
    border-color: var(--dark-2);
}

.product .product-status-item__text {
    color: #aaa;
}

.product .product-status-item {
    border-color: var(--dark-2);
}

.product__pricing {
    background-color: var(--green-2);
    color: #000;
}

.voters__voter {
    box-shadow: 0 0 0 2px #222;
}

.contributors {
    border-color: #444;
}

.product__categories a {
    color: #fff;
}

.form__text-field--product-status input {
    background: #333;
}
}

@-moz-document domain("productradar.ru") {
/* COMMENTS */
#wpdcom .wpd-form-head,
#wpdcom .wpd-thread-head {
    border-color: #333 !important;
}

#wpdcom .wpd-thread-head .wpd-thread-info {
    color: var(--text) !important;
}

.comments__user-url {
    color: var(--light-1);
}

#wpdcom .wpd-comment .wpd-reply-to a {
    color: #53bbff !important;
}

#wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea {
    border-color: var(--dark-1);
    color: #fff;
}

#wpdcom .wpd-form .wpd-avatar img,
#wpdcom .wpd-form .wpd-avatar img.avatar,
#wpdcom .wpd-comment .wpd-avatar img,
#wpdcom .wpd-comment .wpd-avatar img.avatar {
    background-color: #333;
    border-color: #444;
}

#wpdcom .wpd_label__check i.wpdicon-on {
    border: 1px solid #3568d4;
}

#wpdcom .wpd-sbs-toggle,
#wpdcom .wpdiscuz-subscribe-form-intro,
#wpdcom .wpdiscuz-subscribe-bar .wpdiscuz_subscribe_status {
    color: #ddd;
}
}

@-moz-document doma...