KinoPoisk.ru – Dark Enhancement [Ath] by Athari

/* ==UserStyle==
@name           KinoPoisk.ru – Dark Enhancement [Ath]
@namespace      kinopoisk.ru
@version        1.0.0
@description    Dark color scheme for KinoPoisk.ru/КиноПоиск.ру (both classic and modern parts), with minor enhancements.
@author         Athari (https://github.com/Athari)
@homepageURL    https://github.com/Athari/AthariUserCSS
@supportURL     https://github.com/Athari/AthariUserCSS/issues
@license        MIT
@preprocessor   default

@var checkbox ath-show-hd "Acknowledge existence of HD.KinoPoisk.ru" 0
==/UserStyle== */

@-moz-document domain("kinopoisk.ru") {
  /* Common */
  :root {
    color-scheme: dark;
  }
  body {
    container: if;
  }

  @container if style(--ath-show-hd: 0) {
    a[href^="https://hd.kinopoisk.ru/"] {
      display: none !important;
    }

    :is(input, select, textarea):is([class], [id], [name]) {
      color: revert !important;
      background: revert !important;
      &::placeholder {
        color: revert !important;
      }
    }
  }

  /* Classic Kinopoisk */
  body:is(:not([class]), [class="svg-background_yes"], .Theme) {
    color: oklch(90% 0 0) !important;
    background: oklch(0% 0 0) !important;

    div:has(> #social_teaser_link),
    .randomMovie,
    .kadr_scroller {
      display: none !important;
    }

    main.page-content {
      /*> div:not(.shadow) {
        display: none !important;
      }*/
      > div.shadow.shadow-restyle {
        box-shadow: none !important;
      }
    }
    [style*="background-color: #fff"],
    [style*="background-color: white"],
    [bgcolor="#ffffff"],
    #footer_wrapper {
      background: oklch(10% 0 0) !important;
    }
    [style*="background: #f2f2f2"],
    [style*="background-color:#f2f2f2"],
    [bgcolor="#f2f2f2"],
    td.thbox_n,
    td.main_line,
    ul.resp_type,
    div.response span.date,
    div.response ul.useful,
    form.response,
    form.info,
    #suggest-container > div,
    .search_adv form,
    .sorts dd,
    .bestMoviesNav,
    .subscribe {
      background: oklch(20% 0 0) !important;
    }
    .kinopoisk-header-suggest-item:hover,
    .kinopoisk-header-suggest__groups-container + a {
      background: oklch(25% 0 0) !important;
    }
    [bgcolor="#E5E5F1"] {
      background: oklch(15% 0.15 200) !important;
    }
    [bgcolor="#D9D9E5"] {
      background: oklch(25% 0.15 200) !important;
    }
    [bgcolor="#000077"] {
      background: oklch(25% 0.35 200) !important;
    }

    .bestMoviesNav,
    .bestMoviesNav .title,
    #block_left, #block_left_pad, #block_left_padtop, #block_left_index, #block_left_gray,
    td.news {
      color: oklch(90% 0 0) !important;
    }
    td {
      color: oklch(90% 0 0);
    }
    .kinopoisk-header-suggest-item__subtitle,
    div.response p.sub_title,
    .breadcrumbs__sub {
      color: oklch(80% 0 0);
    }
    [style*="color:#666"],
    div.clear_all,
    form.response span,
    .kinopoisk-header-suggest-group__title,
    .dub {
      color: oklch(75% 0 0) !important;
    }
    a {
      color: oklch(75% 0.05 260);
    }
    span[style*="color:#005"],
    a.all,
    .kinopoisk-header-suggest__groups-container + a,
    .breadcrumbs__item a.breadcrumbs__link,
    .subscribe .name,
    :is(
      :is(.tenItems, .search_results, .dub .actorInfo, .personPageItems, form.response) .name,
      .search_gray, .keywordsList, .geo, div.thermo, div.response) a {
      color: oklch(75% 0.05 260) !important;
    }
    [style*="color:#000055"] {
      color: oklch(90% 0.5 260) !important;
    }

    div.response ul.voter,
    div.response ul.useful,
    .dub {
      border-color: oklch(35% 0 0) !important;
    }

    div.thermo,
    td.border-tb {
      color: oklch(70% 0 0) !important;
      background: oklch(20% 0 0) !important;
      border-color: oklch(30% 0 0) !important;
    }
    .old_settings,
    .search_gray,
    .search_results_top {
      color: oklch(70% 0 0) !important;
      background: oklch(20% 0 0) !important;
    }
    .WidgetStars,
    .subscribe .stripe {
      filter: invert(1) hue-rotate(180deg);
    }
    div.response ul.voter li {
      filter: hue-rotate(180deg) invert(1) contrast(0.5) brightness(1.5) contrast(2);
    }
    .MyKP_Folder_Select .select {
      .title {
        filter: invert(1) hue-rotate(180deg);
      }
      .list,
      .list dd {
        color: oklch(95% 0 0) !important;
        background: oklch(20% 0 0);
      }
      .list .arrow {
        color: oklch(75% 0.05 260);
      }
    }
    .bestMoviesNav {
      .whiteBlock {
        filter: invert(1) brightness(1.5) hue-rotate(180deg);
        text-shadow: 0 0 1px #0006; /* antialias */
        color: oklch(50% 0 0) !important;
        .title {
          color: oklch(50% 0 0) !important;
        }
      }
      .selectCustom {
        filter: invert(1) hue-rotate(180deg);
        color: oklch(30% 0 0) !important;
      }
      .selectList {
        color: oklch(90% 0 0) !important;
        background: oklch(20% 0 0);
        li:hover {
          background: oklch(25% 0 0);
        }
      }
    }
    dl.block {
      dt {
        filter: invert(1) hue-rotate(180deg);
      }
      dd.dl a {
        background: oklch(20% 0 0) !important;
        s {
          color: oklch(75% 0.05 260) !important;
        }
      }
      dd.more {
        filter: invert(1) hue-rotate(180deg);
      }
    }
    div.response {
      background: oklch(35% 0.15 200);
      &.bad {
        background: oklch(35% 0.15 30) !important;
      }
      &.good {
        background: oklch(35% 0.15 160) !important;
      }
    }
  }

  /* Modern Kinopoisk */
  body.body {
    [class*=styles_hdMetaTableContainer__],
    /*[class*=styles_watchingServices__],
    [class*=styles_watchingServicesOnline__],*/
    [class*=styles_onlineCaption__],
    [class*=style_buttonPlus__],
    [class*=styles_withPromotionBlock__] > div:has(img[class*=styles_background__]),
    div:has(> [data-tid="OfferButton"]),
    div:has(> [class*=styles_subscriptionText__]),
    div:has(> div > #hd-onboarding-block) {
      display: none;
    }

    [class*=styles_text__],
    [class*=styles_filmSynopsis__],
    [class*=styles_description__][class*=styles_shrinked__],
    #add_user_review_form [class*=style_formTitle__],
    .film-bloopers-block :is(li, div),
    .film-facts-block :is(li, div) {
      color: oklch(90% 0 0);
    }
    [class*=styles_title__],
    [class*=styles_basicInfo__] [class*=styles_primaryName__],
    [class*=styles_tableHeader__],
    [class*=style_buttonPrimary__][class],
    [class*=styles_rootSecondary__],
    [class*=styles_moreButton__],
    [class*=styles_filter__] button *,
    [class*=styles_trailerIcon__],
    [class*=styles_sidebar__] button,
    [class*=styles_addNodeButton__] button,
    [class*=styles_episode__][class*=styles_released__],
    [class*=styles_select__]:has(> [class*=styles_selectButton__]) [class*=styles_buttonCaption__],
    [data-testid="kp-ui-kit.Dropdown.content"] > div,
    [data-testid="kp-ui-kit.MenuItem.button"],
    :is([class*=styles_tabsSection__], [class*=styles_tabs__]) [class*=styles_itemsSpoiler__] li :is(span:not([class*=styles_itemDisabled__]), button),
    button[class*=styles_button__],
    summary[class*=styles_heading__][class],
    .film-page-section-title,
    .kinopoisk-header-suggest__groups-container + a {
      color: oklch(95% 0 0);
    }
    [class*=styles_originalTitle__],
    [class*=desktop-person-main-info_secondaryText__] {
      color: oklch(80% 0 0);
    }
    [class*=styles_valueDark__],
    [class*=styles_valueContainer__] button,
    [class*=styles_subtitle__],
    [class*=styles_agreement__],
    [class*=styles_titleWrapper__] [class*=styles_subtitle__],
    [class*=styles_carouselItem__] [class*=styles_caption__],
    [class*=styles_count__][class]:not([class*=styles_countPositive__]):not([class*=styles_countNegative__]),
    [class*=styles_reviewCount__],
    [class*=styles_kinopoiskCount__],
    [class*=styles_suggestion__],
    [class*=styles_date__][class],
    [class*=styles_publishedDate__],
    [class*=styles_captions__] [class*=styles_subtitle__][class],
    [class*=styles_quantifiers__] [class*=styles_percent__],
    [class*=styles_loginWrapper__] [class*=styles_percent__],
    [class*=styles_fullName__],
    [class*=styles_subtitle__][class*=styles_released__],
    a[href^="/lists/movies/"] :is([class*=styles_filmsCount__], [class*=styles_watchStat__]),
    #popover-root [class*=styles_subtitle__],
    #popover-root [class*=styles_additionalInfo__] span,
    #popover-root [class*=styles_bestMovieTitle__]::after,
    .kinopoisk-header-suggest-item__subtitle {
      color: oklch(75% 0 0);
    }
    [class*=styles_ageRate__],
    [class*=styles_addNodeButton__] div,
    :is([class*=styles_tabsSection__], [class*=styles_tabs__]) [class*=styles_itemsSpoiler__] li span[class*=styles_itemDisabled__] {
      color: oklch(55% 0 0);
    }
    [class*=styles_link__],
    [class*=styles_list__] a[class],
    [class*=styles_captions__] [class*=styles_title__][class],
    [class*=styles_loginWrapper__] a,
    [class*=styles_numberOfComments__][class],
    [class*=styles_sidebarContainer__] a[class],
    [class*=base-movie-main-info_mainInfo__] span,
    a[class*=styles_page__],
    a[class*=styles_start__],
    a[class*=styles_end__],
    a[href^="/lists/movies/"] [class*=styles_name__],
    :is([class*=styles_tabsSection__], [class*=styles_tabs__]) [class*=styles_itemsSpoiler__] li a,
    h1 a,
    #add_user_review_form :is(a, button[type=button]),
    #popover-root a,
    .film-facts-block a,
    .film-bloopers-block a,
    .film-trailer a[class] {
      color: oklch(75% 0.05 260);
    }

    [class*=styles_root__]:has(> [class*=styles_headerContainer__]),
    [class*=styles_root__]:has(> [class*=styles_headerContainer__]) > [class*=styles_wideContentContainer__] > [class*=styles_rootLight__],
    [class*=styles_baseContainer__],
    [class*=styles_baseContainer__] > [class*=styles_mainContainer__],
    :is(main, [class*=styles_baseConta...