Deep Dark theme for HentaiRead.
HentaiRead by xiggi
Details
Authorxiggi
LicenseNo License
Categoryhentairead
Created
Updated
Size38 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name HentaiRead
@version 20241007.12.51
@namespace ?
==/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);
--gray-button: #333;
/** Colors **/
--white: #fff;
--gray: #777;
--ccc: #ccc;
--purple: #bf26c1;
--blue: #3b52d3;
}
/** Scrollbar **/
/* width */
::-webkit-scrollbar {
width: 5px;
}
/* Track */
::-webkit-scrollbar-track {
background: var(--main-bg);
}
/* Handle */
::-webkit-scrollbar-thumb {
background: var(--third-bg-opacity);
}
body {
background-color: var(--main-bg);
}
body.text-ui-light .body-wrap {
background: var(--main-bg);
}
.section-rounded {
background: transparent;
}
body.manga-page .profile-manga .post-tag {
border: 1px solid transparent;
background: transparent;
}
body.manga-page .profile-manga .post-tag .tag-name {
background-color: transparent;
color: inherit;
font-weight: 500;
}
body.manga-page .profile-manga a.post-tag:hover, body.manga-page .profile-manga:hover .post-tag .tag-name:hover {
background-color: var(--third-bg);
transition: 0.2s;
}
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);
color: #fff;
}
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(--second-bg);
color: var(--white);
}
a.btn-read-now.c-btn.c-btn_style-1.m-0.mb-3.mb-md-0:hover, a.btn-read-now.c-btn.c-btn_style-1.m-0.mb-3.mb-md-0:active {
background-color: var(--third-bg);
}
.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 {
margin-right: 10px;
}
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);
}
...