HentaiClap by xiggi

/* ==UserStyle==
@name         HentaiClap
@version      20250221.13.31
@namespace    https://userstyles.world/user/xiggi
@description  Deep Dark theme.
@author       xiggi
@license      No License
==/UserStyle== */

@-moz-document domain("hentaiclap.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;
}

.light, .dark {
    --body-bg: var(--main-bg);
    --body-cl: #ccc;
    --alert-sc-bg: #007c04;
    --alert-sc-bd: #8de18e;
    --alert-er-bg: #8b0000;
    --alert-er-bd: #f70028;
    --preloader: var(--second-bg);
    --login-box-bg: var(--second-bg);
    --login-box-h2-cl: #fff;
    --login-box-txt-cl: #ccc;
    --login-box-link-cl: #ccc;
    --active-page-link-bd: #F8D3DC;
    --page-link-bg: var(--second-bg);
    --page-link-bd: var(--third-bg);
    --page-link-bd-fav: #E8EDF3;
    --page-link-cl: #ccc;
    --page-link-a-hv-cl: #fff;
    --page-link-a-hv-bg: var(--third-bg);
    --page-link-a-hv-bd: transparent;
    --disabled-page-link-bg: var(--third-bg);
    --disabled-page-link-bd: transparent;
    --disabled-page-link-cl: #ccc;
    --header-logo: url(/images/logo.png) no-repeat;
    --search-input-bg: #f0f4f8;
    --search-input-bs: inset 0px 0px 5px #F0F4F9;
    --search-input-cl: #97A6BA;
    --search-input-bd: #e8e8e8;
    --search-input-pl-bg: #97A6BA;
    --search-input-btn-cl: #99A7BB;
    --search-input-btn-hv-cl: #4b576f;
    --light-switch-bf-fs: 22px;
    --light-switch-bf-fw: 100;
    --light-switch-bf-hv: #4b576f;
    --header-user-cl: #8F9FB5;
    --header-user-bf-bg: #F1F5F9;
    --header-user-hv-cl: #4b576f;
    --header-mob-nav-bg: var(--second-bg);
    --header-mob-nav-bd: transparent;
    --header-mob-nav-cl: #ccc;
    --header-mob-nav-hv-cl: #fff;
    --nav-li-a-cl: #ccc;
    --social-li-a-cl: #8F9FB5;
    --social-li-a-hv-cl: #4b576f;
    --main-container-bd: var(--third-bg);
    --main-container-bg: #f7f8fb;
    --main-wrap-h2-cl: #fff;
    --main-wrap-h2-cl-b: #F44260;
    --galleries-container-thumb-hv-bg: #f0f4f8;
    --galleries-container-thumb-hv-bd: #e1e1e1;
    --galleries-container-thumb-h2-cl: #19121e;
    --bottom-text-bg: #F1F5F9;
    --bottom-text-bd: #e4e5e8;
    --bottom-text-h2-cl: #8a99ad;
    --bottom-text-p-cl: #8a99ad;
    --tags-container-tag-hv-bg: var(--third-bg);
    --tags-container-tag-hv-bd: transparent;
    --tags-container-tag-gc-bg: var(--second-bg);
    --tags-container-tag-gt-cl: #ccc;
    --tags-container-tag-gno-cl: #ccc;
    --tags-head-thr-a-bg: var(--second-bg);
    --tags-head-thr-a-bd: var(--third-bg);
    --tags-head-thr-a-cl: #ccc;
    --tags-head-thr-hv-a-cl: #fff;
    --tags-head-thr-a-active-bg: #e3285c;
    --tags-head-thr-a-active-cl: #fff;
    --tags-head-thr-a-active-bd: #e3285c;
    --tags-az-a-bg: var(--second-bg);
    --tags-az-a-bd: var(--third-bg);
    --tags-az-a-cl: #ccc;
    --tags-az-a-active-bg: #e3285c;
    --tags-az-a-active-cl: #fff;
    --tags-az-a-hv-bg: #F44260;
    --tags-az-a-hv-cl: #fff;
    --gallery-page-h1-cl: #fff;
    --gallery-reader-h1-bg: #fff;
    --reader-page-h1-cl: #fff;
    --gallery-gtr-a-bg: #e3285c;
    --gallery-gtr-a-cl: #fff;
    --gallery-gtr-a-ro-cl: currentColor;
    --gallery-img-bd: #d7d9db;
    --gallery-tag-bg: var(--second-bg);
    --gallery-tag-first-cl: #ccc;
    --gallery-tag-second-cl: #ccc;
    --gallery-tag-bd: #cad1d9;
    --gallery-tag-badge-bg: var(--third-bg);
    --gallery-tag-badge-cl: #f7ffff;
    --gallery-tag-badge-second-cl: #ccc;
    --gallery-tag-hv-bg: var(--third-bg);
    --gallery-tag-hv-first-cl: #F43B5A;
    --gallery-tag-hv-second-cl: #fff;
    --gallery-btn-bg: #F1F5F9;
    --gallery-btn-cl: #ccc;
    --gallery-btn-bd: #dfe7f1;
    --gallery-btn-hv-bg: #fff;
    --reader-pages-btn-cl: #ccc;
    --reader-pages-btn-ts: #c7c7c7;
    --gallery-separator-bd: #e9e9e9;
    --profile-aptop-bg: var(--second-bg);
    --profile-aptop-bd: transparent;
    --profile-aptop-photo-bg: var--second-bg;
    --profile-aptop-photo-bd: var(--main-bg);
    --profile-aptop-info-btn-bg: var(--third-bg);
    --profile-aptop-info-btn-cl: #ccc;
    --profile-aptop-info-btn-bd: transparent;
    --profile-apbtm-text-cl: #ccc;
    --profile-apbtm-bg: var(--second-bg);
    --profile-apbtm-bd: transparent;
    --profile-apbtm-h3-cl: #fff;
    --profile-apbtm-h3-bg: var(--third-bg);
    --profile-apbtm-input-bg: var(--third-bg);
    --profile-apbtm-input-cl: #ccc;
    --profile-apbtm-input-bd: transparent;
    --profile-apbtm-input-hv-bd: #b9b9b9;
    --profile-apbtm-input-disabled-bg: var(--gray-button);
    --profile-apbtm-btn-hv-cl: #fff;
    --profile-apbtm-btn-hv-bg: #f43f5e;
    --profile-apbtm-btn-hv-bd: #f43f5e;
    --overlay-bg: #f8fafc;
    --footer-bd: #e4e5e8;
    --footer-social-a-cl: #8F9FB5;
    --footer-social-a-hv-cl: #4b576f;
    --footer-bottom-cl: #8a99ad;
    --footer-bottom-li-a-cl: #8a99ad;
}

.main_container {
    border-top: 1px solid var(--main-container-bd);
    background: var(--main-bg);
}

.footer, .main_wrap .bottom_text, .header_bottom .header_wrap .header_bottom_right .social, .header_top .header_wrap .header_top_right .dark, .main_wrap .gallery_page .gallery_bottom #thumbs_container, .main_wrap .gallery_page .gallery_bottom, .blacklisted, .main_container .reader_title, .reader_top, .main_wrap .reader_page .reader_back {
    display: none;
}

.main_wrap .galleries_container .thumb h2 {
    color: #ccc;
}

.main_wrap .galleries_container .thumb {
    background: var(--second-bg);
}

.main_wrap .galleries_container .thumb .g_c {
    background: transparent;
}

.main_wrap .galleries_container .thumb:hover {
    background: var(--third-bg);
    border-bottom: 1px solid transparent;
    color: #fff;
}

.header_top .header_wrap .header_top_middle .search input[type="text"], .form-input {
    background: var(--second-bg);
    border: 1px solid var(--third-bg);
    box-shadow: none;
    color:#ccc;
}

.form-input:focus {
    background: var(--third-bg);
    color: #fff;
}

#header_mob .left .search input[type="text"] {
    background: var(--second-bg);
    border: 1px solid var(--third-bg);
    color:#ccc;
}

.header_top .header_wrap .header_top_right .user {
    color: #ccc;
}

.header_top .header_wrap .header_top_right .user:before {
    background: var(--second-bg);
}

.main_wrap .gallery_page .gallery_top {
    border-bottom: 1px solid transparent;
}

.fstMultipleMode.fstActive .fstResults {
    display: block;
    z-index: 10;
    background: var(--third-bg);
    border: 1px transparent;
}

.fstResultItem {
    border-top: 1px solid var(--gray-button);
    color: #ccc;
}

.main_wrap .galleries_container .thumb h2 {
    text-align: center;
}

.main_wrap .reader_page a {
    background: var(--second-bg);
    color: #ccc;
}

.main_wrap .reader_page a:hover {
    color: #fff;
    background: var(--third-bg);
} 

.main_wrap .reader_page .reader_top .reader_pages .pgbtn .cr, .main_wrap .reader_page .reader_bottom .reader_pages .pgbtn .cr {
    background: var(--second-bg);
    border: 1px solid var(--third-bg);
    color: #ccc;
}

.main_wrap .reader_page .reader_top .reader_pages .pgbtn:hover .cr, .main_wrap .reader_page .reader_bottom .reader_pages .pgbtn:hover .cr {
    color: #fff;
    background: var(--third-bg);
}

.main_wrap .gallery_page .gallery_top .gt_left .gt_btm a, .main_wrap .gallery_page .gallery_top .gt_right .gt_right_info .gt_btn {
    background: var(--second-bg);
    color: #ccc;
}

.main_wrap .gallery_page .gallery_top .gt_right .gt_right_info .gt_btn:hover {
    color: #fff;
}

.main_wrap .gallery_page .gallery_top .gt_right .gt_right_info .gt_btn .dk_icon, .main_wrap .gallery_page .gallery_top .gt_right .gt_right_info .gt_btn .lk_icon {
    color: currentColor;
}

.main_wrap .galleries_container .thumb .cat h3 {
    padding: 10px 5px 5px 10px;
}

.alert {
    border-radius: 10px;
}

.alert-danger {
    border-color: transparent;
}

.page-item.active .page-link {
    border: 3px solid transparent;
}

.main_wrap .galleries_container .thumb h2 {
    height: auto;
}

.ribbon-purple {
    background: var(--third-bg);
    color: lightgreen;
}

.ribbon {
    transform: inherit;
    -webkit-transform: inherit;
    padding: 2px 0 2px 1px;
    width: 30%;
}

.ribbon.ribbon-right {
    right: 0;
}

.main_wrap .galleries_container .thumb .cat h3 {
    padding-top: 0;
}

.main_wrap .galleries_container .thumb:hover {
    opacity: 70%;
}

.main_wrap .gallery_page .gallery_top .gt_right .gt_right_info .ri_txt {
    font-weight: 700;
    color: #fff;
}

.main_wrap .gallery_page .gallery_top .gt_right .gt_right_info .gt_tag {
    font-weight: 500;
}
}