Voiranime.com Better Dark by yolanare

/* ==UserStyle==
@name           Voiranime.com Better Dark
@namespace      github.com/yolanare/user-styles/tree/main/voireanime
@version        1.5.5
@description    Le thème sombre le plus avancé de Voiranime.com et qui suit la charte graphique du site.
@author         yolan.design
@homepageURL    https://github.com/yolanare/user-styles
@supportURL     https://github.com/yolanare/user-styles/issues
@license        MIT
==/UserStyle== */

@-moz-document domain("voiranime.com"), domain("voirdrama.org") {
    /*- bg -*/
    body, *[style*="background-color:#fcfcfc"], .summary_content, .summary_image {
        background: #212027 !important;
        background-color: #212027 !important;
        /*background: linear-gradient(to right, #1a1920 20%,#2e2d34);*/
    }
    
    footer,
    .btn-link:not(:hover), .chapter:not(:hover), .open-search-main-menu:not(:hover),
    .nextpostslink:not(:hover), .previouspostslink:not(:hover),
    .site-header .c-sub-header-nav,
    .site-header .c-sub-header-nav .sub-menu,
    .search-wrap .post-content,
    .wp-pagenavi > a:not(:hover) {
        background: #100f17 !important;
        background-color: #100f17 !important;
    }
    .wp-pagenavi > a:hover {
        background: #1a1920 !important;
        background-color: #1a1920 !important;
    }

    footer,
    .btn-link:not(:hover), .open-search-main-menu:not(:hover),
    .nextpostslink:not(:hover), .previouspostslink:not(:hover), .wp-pagenavi span, html .wp-pagenavi .current,
    .site-header .c-sub-header-nav,
    .site-header .c-sub-header-nav .sub-menu,
    a:not(:hover), h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5,
    .score,
    input:not([name*="phrase"]), textarea, label, .form-group span,
    div > button {
        color: #aaa !important;
    }
    .wp-manga-chapter a:visited:not(:hover),
    .asp_res_text,
    .breadcrumb > li > a:not(:hover),
    .breadcrumb > li::before {
        color: #777 !important;
    }
    
    .c-blog__heading.style-3 > *,
    .wp-pagenavi > a:hover {
        color: #fff !important;
    }
    
    a:hover, .c-tabs-content .active a, .c-blog__heading *:not([class^="h"]) .icon,
    div > button:hover {
        color: #7289da !important;
    }
    
    .c-tabs-content a::after,
    .h4 .ion-checkmark, .h4 .ion-ios-star,
    .c-blog__heading.style-3 {
        background: #7289da !important;
    }
    .h4 .ion-checkmark::after, .h4 .ion-ios-star::after {
        border-left-color: #7289da !important;
        border-right-color: #7289da !important;
    }
    .c-blog__heading.style-3::after {
        border-top-color: #7289da !important;
        border-bottom-color: #7289da !important;
    }
    
    footer,
    .btn-link:not(:hover), .open-search-main-menu:not(:hover),
    .nextpostslink:not(:hover), .previouspostslink:not(:hover),
    .site-header .c-sub-header-nav,
    .site-header .c-sub-header-nav .sub-menu {
        border: none !important;
    }
    .site-header .c-sub-header-nav.sticky {
        box-shadow: none;
    }
    
    body.manga-page .page-content-listing.single-page .listing-chapters_wrap > ul.main.version-chap li::after, .shortcode-manga-chapters .listing-chapters_wrap > ul.main.version-chap li::after {
        background-color: #2e2d34 !important;
    }
    .with-border, .c-blog__heading, .page-listing-item {
        border-color: #2e2d34 !important;
    }
    .c-genres-block .btn {
        border-color: #aaa !important;
    }
    
    *[style^="background-image: url(https://v"][style*="voir"][style*=".com/"] {
        filter: invert(1) hue-rotate(180deg);
    }
    *[style^="background-image: url(https://v"][style*="voir"][style*=".com/"] > * {
        filter: invert(1) hue-rotate(180deg);
    }
    
    input:not([type="submit"]):not([name*="phrase"]), textarea, select {
        filter: invert(1) hue-rotate(180deg) contrast(1.05);
    }
    
    .asp_r, .asp_m {
        filter: invert(1) hue-rotate(180deg) contrast(0.825) brightness(1.175);
    }
    /*.asp_r .asp_image, .asp_m .asp_image,*/
    .asp_r a, .asp_m a {
        filter: invert(1) hue-rotate(180deg) contrast(0.825) brightness(1.175);
    }
    .asp_r {
        border: none !important;
    }
    /*.asp_r.asp_r_4, .asp_r.asp_r_4 .results .item {
        background: #100f17 !important;
    }
    .asp_r.asp_r_4 .results {
        scrollbar-color: #7289da #100f17 !important;
    }*/
    .probox button:hover svg {
        fill: #7289da !important;
    }
    .probox .proclose:hover svg {
        background-color: #7289da !important;
    }
    .probox svg {
        transition: fill 0.2s ease, background-color 0.2s ease;
    }
    
    .open-search-main-menu i::before {
        transform: rotateZ(0deg);
        transition: 0.5s ease !important;
    }
    .open-search-main-menu.search-open i::before {
        transform: rotateZ(360deg) !important;
        color: #7289da !important;
    }
    
    
    .btn-link,
    .wp-pagenavi > *:not(.current) {
        border-radius: 6px !important;
        transition: 0.2s ease !important;
        transition-property: color, background-color !important;
    }
    
    /*- page navigation -*/
    .wp-pagenavi > * {
        padding: 4px 8px !important;
        margin: 2px !important;
    }
    .wp-pagenavi > *:not(.current) {
        border: none !important;
    }
    .wp-pagenavi > span {
        background: transparent !important;
        background-color: transparent !important;
    }
    .wp-pagenavi > .current {
        border: 0px solid #7289da !important;
        border-bottom-width: 2px !important;
    }
    .wp-pagenavi > .pages {
        margin-right: 1em !important;
        font-weight: 500;
        color: #777 !important;
    }
}