dark wuxiaworld.site stylus style for better reading, based on webnovel reader setup

wuxiaworld-site-stylus.css

:root{  /*edit these to change settings*/
    
    /*font size*/
    --cfg-font-family:"Merriweather", serif; /*merriweather default*/
    --cfg-font-size: 18px; /*18px good on ff linux, windows chromium seems to need 20-22px */
    --cfg-font-weight: 400; /*400 default*/
    --cfg-line-height: 32.4px; /*32.4px default*/
    
    /*colors*/
    --cfg-font-color: #ccc; /*#ccc default*/
    --cfg-background-color:#222; /*#222 default*/
    --cfg-read-space-background-color:#282828; /*#282828 default*/
    --cfg-border-color:#111; /*#111 default*/
    
    /*reader space width*/
    --cfg-reader-max-width: 802px; /*802px default*/
    --cfg-margin-right:auto; /* auto default */
    --cfg-margin-left:(--cfg-margin-right);
}

/*font*/
body.text-ui-light .c-blog-post .entry-content {
    font-family: var(--cfg-font-family);
    font-weight: var(--cfg-font-weight);
    font-style: normal;
    color: var(--cfg-font-color);
}

/*empty spaces*/
br {
    display: none
}


/*navbar*/
.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(--cfg-background-color);
}


nav.with-border {
    border-bottom: 1px solid var(--cfg-background-color);
}
.site-header .c-sub-header-nav.with-border {
    border-bottom: 1px solid var(--cfg-background-color);
}
.site-header .c-sub-header-nav {
    background-color: var(--cfg-background-color);
}

/*text container*/
body.text-ui-light .body-wrap {
    background-color: var(--cfg-background-color);
}
.row {
    margin-right: var(--cfg-margin-right);
    margin-left: var(--cfg-margin-left);
}
/* 
".content-area .container " to limit width only on reader 
".container " to encapsulate whole design in width limit and borders
*/
.container {
    max-width: var(--cfg-reader-max-width);
    margin: 0 auto;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    border: 1px solid var(--cfg-border-color);
    background-color: var(--cfg-read-spacebackground-color);
}

.reading-manga .reading-content {
    font-size: var(--cfg-font-size);
    line-height: var(--cfg-line-height);
    /*line-height: 1.8;*/
    /*margin-top: 12px;*/
    margin: 0;
}

updated for easier customization