Hentai2Read by xiggi

/* ==UserStyle==
@name           Hentai2Read
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Deep dark theme for Hentai2Read
@author         Me
==/UserStyle== */

@-moz-document domain("hentai2read.com") {
    :root {
        /** Backgrounds **/
        
        --main-bg: rgb(12, 12, 12);
        
        --second-bg: rgb(21, 21, 21);
        --second-bg-opacity: rgba(21, 21, 21, .5);
        
        --third-bg: rgb(31, 31, 31);
        --third-bg-hover: rgb(31 31 31 / 80%);;
        
        --gray-bg: rgb(31, 31, 31);
        
        /** Colors **/
        
        --white: #fff;
        --gray: #ccc;
    }

    div#disqus_recommendations, div#disqus_thread {
        display: none;
    }
    
.bg-black {
    background-color: var(--main-bg)!important;
}
    
.bg-white, .nav-users>li, .nav-chapters>li:nth-of-type(odd), #header-navbar, #side-overlay, .block>.nav-tabs.nav-tabs-alt, .bg-white-op, .block .block-content.tab-content   {
    background-color: var(--second-bg);
}
    
    .side-content {
    background-color: var(--third-bg);
    }
    
.nav-users a:hover {
    background-color: var(--third-bg);
}

.nav-users>li:last-child>a {
    border-bottom: 1px solid var(--third-bg);
}
    
.nav-users a, .nav-chapters>li:last-child  {
    border-bottom: 1px solid var(--third-bg);
}
    
.border-t {
    border-top: 1px solid var(--third-bg);
}
    
.btn-default {
    color: var(--white);
    background-color: var(--third-bg);
    border-color: var(--gray-bg);
}
    
.nav-chapters .icon-left>i {
    background-color: var(--third-bg);
}
    
.block>.nav-tabs>li.active>a, .block>.nav-tabs>li.active>a:hover, .block>.nav-tabs>li.active>a:focus {
    color: var(--white);
    background-color: var(--third-bg);
    border-color: var(--gray-bg);
}
    
    .nav-main a, .nav-main a>i, .text-primary-dark  {
        color: #ccc;
    }
    
    .nav-main a:hover, .nav-main a:hover>i, .text-primary-dark:hover  {
        color: #fff;
    }
}