dark theme hh.ru by denis_schitz

/* ==UserStyle==
@name           dark theme hh.ru
@namespace      userstyles.world
@version        1.0.1
==/UserStyle== */
@-moz-document domain("hh.ru") {
    :root {
        --bg-color-main: #181818;
        --bg-color-second: #282828;
        --bg-color-active: #383838;
        --bg-color-underlined: #ff4747;
        --bg-color-highlighted: #34397b;
        --text-color-main: #f0f0f0;
        --text-color-second: #cfcfcf;
        --text-color-third: #aaa;
    }

    * {
        scrollbar-color: var(--text-color-second) var(--bg-color-main);
    }

    body,
    .bloko-input,
    .suggest,
    .bloko-modal,
    .bloko-control-group__content-sized .bloko-select,
    .applications-item:hover,
    .bloko-textarea,
    .resume-sidebar-background,
    .faq__accordion,
    .supernova-dropdown-option:active,
    .supernova-dropdown-option:focus,
    .supernova-dropdown-option:hover,
    .bloko-select,
    .bloko-custom-select__select {
        background: var(--bg-color-main);
        color: var(--text-color-main);
    }

    .supernova-footer-mobile-banner,
    .applications-item,
    .faq__panel p,
    .ac > .ac-a p,
    .content__earn-item,
    .clusters-group-title:hover,
    .clusters-value:hover .clusters-value__name,
    .clusters-value:hover .clusters-value__count {
        background: var(--bg-color-second);
        color: var(--text-color-second);
    }


    /* ЦВЕТ ФОНА */
    .supernova-overlay_visible,
    .search-submit-wrapper,
    .supernova-support-chat-badge,
    .bloko-select-placeholder,
    .promo-page-advantage--recommended .promo-page-advantage__count,
    .expert__item,
    .review__item,
    .expert__more,
    .review__more,
    .price__item,
    .interview__page .section__experts .expert__item,
    .interview__page .section__experts .expert__more,
    .interview__page .section__experts .button-prev,
    .interview__page .section__experts .button-next,
    .interview__page .section__faq .faq__accordion,
    .stat__page .section__hero .background,
    .ac,
    .index-dashboard-applicant,
    .banner-substrate,
    .searchvacancymap-vacancies,
    .clusters-map,
    .vacancy-serp__sticky-filters-button,
    .resume-remove-item__button,
    .bloko-button {
        background-color: var(--bg-color-main);
    }

    .supernova-navi-search,
    .bloko-drop_theme-light,
    .form-accordion-section_view::before,
    .blacklist-info,
    .supernova-footer-nav,
    .promo-page-advantage__count,
    .promo-page-services__background,
    .button-prev,
    .button-next,
    .reviews-button-prev,
    .reviews-button-next,
    .interview__page .section__faq .faq__panel,
    .promo-page-block__background,
    .stat__page .faq__panel,
    .wtw__section-buying-reasons::before,
    .wtw__additional-services::before,
    .employer-sidebar,
    .serp-special,
    .resumesearch__dialog,
    .clusters-value_selected:hover .clusters-value__close {
        background-color: var(--bg-color-second);
    }

    ._3tAvpIK___chat-item:hover,
    ._3tAvpIK___chat-item:focus,
    ._3tAvpIK___chat-item:active,
    ._1r0ya3G___chat-item_selected,
    ._3KQNKN8___bubble_my-message,
    ._3NJ3iYO___bubble,
    .promo-page-advantage,
    .additional__wrapper,
    .section_price,
    .promo-page-results__canvas,
    .wtw__reason-item,
    .content__research-item,
    .webinar-empty-block,
    .prevent-webinar,
    .light-page,
    .announcement,
    .responses-table-row:hover,
    .autosearch-messengers-tip,
    .resume-view-history-day:hover,
    .tmpl_hh_benefits__item,
    .tmpl_hh_it__intro div,
    .tmpl_hh_tv__content,
    .tmpl_hh_directions__column,
    .bloko-button:hover {
        background-color: var(--bg-color-active);
    }

    .highlighted,
    .applicant-services-payment-bright-resume__highlight,
    .tmpl_hh_content ul > li::before,
    .clusters-value_selected .clusters-value__name,
    .clusters-value_selected .clusters-value__close {
        background: var(--bg-color-highlighted);
    }

    .bloko-icon {
        background-color: transparent;
    }


    /* ЦВЕТ ТЕКСТА */
    h1,
    h2,
    h3,
    h4,
    .supernova-overlay-closer,
    .supernova-dropdown-option,
    .bloko-header-2,
    .supernova-footer-mobile-banner-header,
    ._3tAvpIK___chat-item,
    ._3tAvpIK___chat-item:link,
    ._3tAvpIK___chat-item:visited,
    .promo-page-advantage__list li,
    .header__title,
    .title,
    .additional__wrapper .price,
    .add__title,
    .expert__name,
    .review__name,
    .price__title,
    .price__desc,
    .price__info .price,
    .hero_title,
    .theme_item_title,
    .interview__page,
    .promo-h2,
    .promo-page,
    .stat__page,
    .wtw__h1-title,
    .wtw__description,
    .wtw__h3-title,
    .wtw__section-buying-reasons .wtw__h3-title,
    .ac > .ac-q,
    .wtw__additional-services__title,
    .content__earn-item-pay,
    .content__earn-item-name .best span,
    .l-content-header__title,
    .prevent-webinar-title,
    .bloko-custom-select__select,
    .applicant-services-payment-price,
    .responses-table,
    .recommended-vacancies,
    .tmpl_hh_heading,
    p.tmpl_hh_about__text,
    .tmpl_hh_feedback__name,
    a.tmpl_hh_navigation__link,
    a.tmpl_hh_buttons__item,
    .clusters-map-title__header,
    .bloko-button,
    .bloko-button:hover {
        color: var(--text-color-main);
    }

    p,
    .bloko-tag__section,
    .b-poisk-vid-column-number,
    .b-poisk-grey,
    .b-poisk-examples-list li a.g-active,
    .b-poisk-examples-list li a.g-active:hover,
    .bloko-link_list,
    .bloko-link,
    .bloko-button.bloko-button_appearance-outlined,
    .news-box-item__link,
    .work-in-city,
    .dashboard-tiles-item-link:hover,
    ._69WbCkB___header-text,
    ._3tAvpIK___chat-item,
    ._3tAvpIK___chat-item:link,
    .bloko-drop-menu-item,
    .header__desc,
    .desc,
    .adventage__title,
    .adventage_text,
    .add__desc,
    .review__data,
    .expert__desc,
    .review__desc,
    .expert__desc-clone,
    .review__desc-clone,
    .product,
    .hero_text,
    .subtitle,
    .theme_item_text,
    .plan_action_text,
    .interview__page .section__experts .expert__desc,
    .step__item .step__text,
    .wtw__h4-title,
    .wtw__plus-item__text,
    .wtw__reason-item__title,
    .wtw__reason-item__text,
    .wtw__slider__nav__text,
    .wtw__additional-services__description,
    .wtw__additional-services__item-text,
    .content__earn-item-price .price-heading,
    .content__earn-item-price .payment-article p,
    .my-events,
    .l-content-header__note,
    .prevent-webinar-date,
    .cms-lead_alt,
    .vacancy-code,
    .vacancy-creation-time,
    .tmpl_hh-content,
    .tmpl_hh_navigation ul li a,
    .bloko-select-dropdown-option:not(.bloko-select-dropdown-option_disabled),
    .bloko-button-select .bloko-button-select_flexible .bloko-button-select_light,
    .bloko-drop_theme-light,
    .vacancy-response-counter,
    .applicant-services-payment-package-option,
    .bloko-text,
    .applicant-services-payment-quantity-item,
    .tmpl_hh_wrapper,
    p.tmpl_hh_feedback__text {
        color: var(--text-color-second);
    }

    .bloko-button.bloko-button_appearance-outlined:hover,
    .bloko-button.bloko-button_appearance-outlined:focus,
    .protect-banner h3,
    .content__protect-item-text > div > h4,
    .search-result-label_no-resume > .bloko-text,
    .search-result-label_few-responses > .bloko-text {
        color: var(--bg-color-main)
    }

    .b-poisk-examples-list li a.g-active,
    .b-poisk-examples-list li a.g-active:hover,
    .b-poisk-vid-column-r,
    .supernova-support-chat-disabled-option,
    .supernova-support-chat-disabled-reason,
    .dashboard-tiles-item-link,
    .bloko-link_secondary,
    .bloko-text_tertiary,
    .bloko-tabs__item,
    .bloko-link-switch_tertiary,
    .bloko-text_secondary,
    .bloko-checkbox,
    ._3tFo5Kz___comment-for-employer,
    .resume__experience-url,
    .add__text,
    .protect-banner p,
    .content__protect-item-text span,
    .content__protect-item.pattern-2 .content__protect-item-text span,
    .webinar-empty-block p,
    .profareatree__subitem-experience {
        color: var(--text-color-third);
    }


    /* ЦВЕТ SVG */
    #wave-divider-wide > path {
        fill: var(--bg-color-main);
    }


    /* ЦВЕТ border */
    .supernova-dropdown-section_support:first-child,
    .form-accordion-section::before,
    .applications-item,
    .blacklisted-vacancy {
        border-color: var(--bg-color-main);
    }

    .vacancy-serp-item,
    .xs-friendly .serp-special {
        border-color: var(--bg-color-second);
    }


    /* ОТКЛЮЧЕНИЕ ФОНА */
    .btn,
    .responses-table-row_selected,
    .tmpl_hh_about__text,
    .tmpl_hh_about__wrapper,
    .tmpl_hh_text_block,
    .tmpl_hh_intro,
    .tmpl_hh_main__content {
        background: none;
    }


    /* ГРАДИЕНТЫ */
    .search-submit-wrapper::after,
    .bloko-modal-content-fader {
        background: linear-gradient(0deg, var(--bg-color-main), hsla(0, 0%, 100%, 0));
    }

    ._3vgErFo___bubble__message-menu {
        background: linear-gradient(270deg, var(--bg-color-main) 72.12%, rgba(234, 245, 255, 0) 96.25%);
    }

    .review__more::before,
    .novafilters-list_scrolling::after {
        background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--bg-color-main) 82%);
    }

    .vacancy-serp__sticky-filters-button::after {
        background: linear-gradient(0deg, var(--bg-color-main) 80%, hsla(0, 0%, 100%, 0));
    }
    .bloko-tabs-right-glare {
        background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), var(--bg-color-main) 30px);
    }
    /* ЗАМЕНА inline ФОНОВ */
    .full_page_background {
 ...