HentaiRead - Amoled by xiggi

/* ==UserStyle==
@name           HentaiRead - Amoled
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Deep dark theme for HentaiRead
@author         xiggi
==/UserStyle== */

@-moz-document domain("hentairead.com") {
    :root {
        /** Backgrounds **/
        --main-bg: rgb(12, 12, 12);;
        --second-bg: rgb(21, 21, 21);
        --second-bg-opacity: rgba(12, 12, 12, .45);
        --second-bg-rgb: 12, 12, 12;
        --third-bg: rgb(31, 31, 31);
        --third-bg-hover: rgb(31 31 31 / 80%);;
        --third-bg-opacity: rgb(41, 41, 41);
        
        /** Colors **/
        --white: #fff;
        --gray: #777;
        --ccc: #ccc;
        
        --purple: #bf26c1;
        --blue: #3b52d3;
    }
    
    body {
    background-color: var(--main-bg);
    }
    
    body.text-ui-light .body-wrap {
        background: var(--main-bg);
    }
    
    .section-rounded {
        background: var(--second-bg);
    }
    
    body.manga-page .profile-manga .post-tag {
        border: 1px solid var(--third-bg);
    }
    
    body.manga-page .profile-manga .post-tag .tag-name {
        background-color: transparent;
        color: inherit;
        font-weight: 500;
    }
    
    body.manga-page .profile-manga:hover .post-tag .tag-name:hover {
        background-color: var(--third-bg);
        color: #fff;
    }
    
    body.manga-page .profile-manga a.post-tag:hover {
        background-color: var(--third-bg);
    }
    
    body.manga-page .profile-manga .post-tag .tag-count {
        background-color: transparent;
        color: inherit;
    }
    
    body.manga-page .profile-manga .post-meta .post-meta-title {
        margin-right: 5px;
    }
    
.site-header .main-navigation.style-1, .widget-heading, .widget.background:after, .c-blog__heading.style-2 i, .tab-wrap .c-nav-tabs ul.c-tabs-content li.active a:after, .tab-wrap .c-nav-tabs ul.c-tabs-content li:hover a:after, .tab-wrap .c-nav-tabs ul.c-tabs-content li a:after, .related-heading.font-nav, .c-blog__heading.style-3, .settings-page .nav-tabs-wrap ul.nav-tabs li.active a, .off-canvas {
    background: var(--main-bg);
}
    
.mobile-menu.menu-collapse.off-canvas.active {
    background: var(--second-bg);
}
    
.main-navigation .main-menu ul ul.sub-menu {
    background-color: var(--section-bg-color);
}
    
.main-navigation .main-menu ul ul.sub-menu > li {
    border-bottom-color:var(--primary-bg-color);
}
    
.main-navigation .main-menu ul ul.sub-menu li:hover > a:hover, .main-navigation .main-menu ul ul.sub-menu li:hover > a {
    background-color: var(--primary-bg-color);
}
    
.main-navigation .main-menu ul ul.sub-menu li:hover > a {
    color: #fff;
}
    
    .site-header .sticky-widget__btn.btn, .site-header .main-navigation .search-navigation .menu-search .open-search-main-menu {
    background-color: var(--section-bg-color);
        color: #ccc;
    }
    
.site-header .main-navigation_wrap .c-modal_item>.btn {
    color: #ccc;
    border-color: var(--primary-bg-color);
}
    
body.text-ui-light .c-btn.c-btn_style-3:hover {
    background: var(--primary-bg-color);
    color: #fff;
}

    body.text-ui-light .site-footer, div#manga-discussion, section.chapter-preview.section-rounded {
        display: none;
    }
    
    img.lazyload, img.lazyloading, img.lazyloaded {
    background-color: transparent;
    }
    
    
.home-body-top-sidebar .widget>.widget__inner, .main-col .c-sidebar .widget>.widget__inner, body.page-template-front-page .main-col-inner.c-page, body.page-template.page .main-col-inner .c-page {
    background-color: transparent;
    }

    .page-item-detail .item__content {
        background-color: var(--section-bg-color);
    }
    
i.fas.fa-bookmark, i.fas.fa-comments, i.fas.fa-exclamation-circle, i.icon.ion-ios-albums, i.fas.fa-sign-in-alt, i.fas.fa-check {
        margin-right: 5px;
    }
    
    .reading-nav {
        background-color: transparent;
    }
    
    #pageModeSettings {
        background: var(--second-bg);
    }
    
.reading-nav .btn:hover {
    background-color: var(--third-bg);
}
    
    body.text-ui-light .site-header .c-header__top .search-main-menu {
    background-color: var(--main-bg);
    }
    
.menu_icon__open>span {
    background-color: var(--purple);
}
    
.off-canvas .c-modal_item a {
    color: #fff;
    border: 2px solid var(--gray);
    border-radius: 5px;
}
    
.off-canvas .close-nav>.menu_icon__close>span:first-child, .off-canvas .close-nav>.menu_icon__close>span:last-child {
    background-color: var(--gray);
    }
    
.off-canvas ul.main-navbar>li {
    border-bottom: 1px solid var(--gray);
}
    
body.modal-open .modal .modal-content {
    border: 1px solid transparent;
}
    
.widget.c-popular .widget-view-more, #comments.comments-area #respond.comment-respond .comment-form .form-submit #submit, .site-header .search-main-menu form input[type=submit], body.search .c-search-header__wrapper .search-content .search-form .search-submit, .c-btn.c-btn_style-1, .settings-page input[type="submit"], .settings-page .remove-all #delete-bookmark-manga, body.reading-manga .entry-header .select-pagination .nav-links .nav-next a:not(:hover), body.reading-manga .c-select-bottom .select-pagination .nav-links .nav-next a:not(:hover), body.reading-manga .entry-header .select-pagination .nav-links .nav-previous a:not(:hover), body.reading-manga .c-select-bottom .select-pagination .nav-links .nav-previous a:not(:hover), .widget.c-released .released-search form [type="submit"], .wpcf7-submit, .woocommerce ul.products li.product .button, .woocommerce span.onsale, .woocommerce .woocommerce-pagination .page-numbers li span.current, .woocommerce .woocommerce-pagination .page-numbers li .prev:hover, .woocommerce .woocommerce-pagination .page-numbers li .next:hover, .woocommerce div.entry-summary form.cart .single_add_to_cart_button, .woocommerce button.button.alt, .woocommerce a.button.alt, .woocommerce .woocommerce-cart-form .cart button.button, .woocommerce .cart input.button:not(:hover) {
    background-color: var(--third-bg);
    color: var(--white);
    }
    
    .c-btn.c-btn_style-1.c-btn__secondary {
    background-color: var(--third-bg);
    }
    
    .c-btn.c-btn_style-1.c-btn__secondary:hover {
    background-color: var(--purple);
        color: var(--white);
        transition: 0.2s;
    }
    
body.modal-open .modal.modal-login .btn.btn-primary, body.modal-open .modal.modal-login .modal-content .modal-header .close.btn.btn-primary {
    background-color: var(--third-bg);
    border-color: var(--third-bg);
}
    
body.modal-open .modal.modal-login .btn.btn-primary:hover, body.modal-open .modal.modal-login .modal-content .modal-header .close.btn.btn-primary:hover  {
    background-color: var(--purple);
        color: var(--white);
        transition: 0.2s;
}
    
.meta-item.rating .rating_current, .meta-item.rating .rating_current_half, body.manga-page .profile-manga .tab-summary .post-rating i.ion-ios-star, body.manga-page .profile-manga .tab-summary .post-rating i.ion-ios-star.rating_current, body.manga-page .profile-manga .tab-summary .post-rating i.ion-ios-star-half, body.manga-page .profile-manga .tab-summary .post-rating .user-rating i.ion-ios-star, body.manga-page .profile-manga .tab-summary .post-rating .post-total-rating i.ion-ios-star, body.manga-page .profile-manga .tab-summary .post-rating .post-total-rating i.ion-ios-star.rating_current, body.manga-page .profile-manga .tab-summary .post-rating .user-rating i.ion-ios-star, body.manga-page .profile-manga .tab-summary .post-rating .user-rating i.ion-ios-star.rating_current, .woocommerce .star-rating, .woocommerce .star-rating::before, body.manga-page .profile-manga .tab-summary .post-rating .post-total-rating i.ion-ios-star-half {
    color: var(--yellow)
}
    
    .main-navigation .main-menu ul.main-navbar>li>a {
        color: var(--ccc);
    }
    
    body.reading-manga .c-ads.body-bottom-ads {
        display: none;
    }
    
.c-blog-post .entry-content .entry-content_wrap .read-container img {
    margin: 0 auto 0;
}
    
    input.input.user_pass {
    background-color: var(--third-bg);
    }
    
.site-header .main-navigation_wrap .c-modal_item .c-user_item .c-user_avatar .c-user_avatar-image img {
    border: 2px solid var(--third-bg);
}
    
.site-header .main-navigation_wrap .c-modal_item .c-user_item .c-user_menu {
    background-color: var(--second-bg);
    border-bottom: 3px solid vtransparent;
    border-top: 1px solid transparent;
    }
    
    .settings-page .tabs-content-wrap {
    background-color: var(--second-bg);
    }
    
    .settings-page .nav-tabs-wrap ul.nav-tabs li.active a {
    background-color: var(--second-bg) !Important;
    }
    
    ul.wpdiscuz-bell-shortcode-menu li.menu-item-wun-bell {
        background: var(--third-bg);
    }
    
ul.wpdiscuz-bell-shortcode-menu li.menu-item-wun-bell:hover, .site-header .sticky-widget__btn.btn:hover, .site-header .main-navigation .search-navigation .menu-search .open-search-main-menu:hover {
    background-color: var(--third-bg-opacity);
}
    
body.text-ui-light #wun-container .wun-notifications {
    background-color: var(--second-bg);
    border-color: transparent;
}
    
#wpadminbar #wun-container .wun-notifications, #wun-container .wun-notifications {
    background-color: #fafafa;
    border-bottom: 3px solid transparent;
    }
    
body.text-ui-light .wun-notifications .wun-head, body.text-ui-light .wun-content .wun-item {
    background-color: var(--second-bg);
    color: var(--text-color);
}
    
    .tab-wrap .c-nav-tabs ul.c-tabs-content li a:hover {
        background: var(--third-bg-opacity);
    }
    
    body.archive .item-title .post-tag .tag-name {
        background: var(--third-bg);
    }
    
#pageModeSettings:before {
    border-bottom: 10px solid var(--second-bg);
}
    
.text-ui-light .settings-page table.list-bookmark>thead>tr>th, body.text-ui-light .settings-page .nav-tabs-wrap ul.nav-tabs li a {
...