Skip to content

nhentai-hider by xiggi

Write a review Install Get Stylus

Details

Authorxiggi

LicenseNo License

Categorynhentai.net

Created

Updated

Size12 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A simple addon-theme that hides titles with tags that you have added to the blacklist.

Notes

Features:

  • Hiding titles with tags, that's you have on blacklisted,

UI Changes:

general now is look more darky

  • Dark scrollbar,
  • Added margin-right to icons,
  • Better tags, buttons, pagination, alerts, search, cloudflare page

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name           nhentai
@namespace      https://nhentai.net/users/5192877/xiggi
@version        1.0.0
@description    Simple hider and Amoled theme.
@author         xiggi
==/UserStyle== */

@-moz-document domain("nhentai.net") {
    :root {
        --main-dark: #0d0d0d;
        --second-dark: #101010;
        
        --red: #ed2553;
        --white: #fff;
    }
    
    /** Hider **/
.blacklisted.gallery {
    opacity: .1;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    will-change: filter;
    display: none;
}
    
    /** Scrollbar **/
::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: #0d0d0d; 
}

::-webkit-scrollbar-thumb {
  background: #383838;
}
    
/** icons **/
.fa-heart, .fa-heart-o {
    margin: 2px;
    margin-right: 5px;
}
    
i.fa.fa-download {
    margin-right: 5px;
}
    
i.fa.fa-box-tissue.color-icon {
    margin-right: 5px;
}
    
i.fa.fa-fire.color-icon {
    margin-right: 5px;
}
    
i.fa.fa-comments.color-icon {
    margin-right: 5px;
}
    
i.fa.fa-cog {
    margin-right: 5px;
}
    
i.fa.fa-ban {
    margin-right: 5px;
}
    
i.fa.fa-sign-out-alt {
    margin-right: 5px;
}
    
i.fa.fa-comment {
    margin-right: 5px;
}
    
    i.fas.fa-heart {
    margin-right: 5px;
    }
    
    i.fa.fa-sign-in-alt {
    margin-right: 5px;
    }
    
    i.fa.fa-edit {
    margin-right: 5px;
    }
    
    i.fa.fa-sign-in {
    margin-right: 5px;
    }
    
    i.fa.fa-search.color-icon {
    margin-right: 5px;
    }
    
/** ID **/
#info #gallery_id {
    font-size: 20px;
    cursor: pointer;
    color: #fff;
}
    
    /** Tags **/
html.theme-black .tag:hover .name, html.theme-black input.tag-input[type]:hover .name {
    background: rgba(237, 37, 83, .5);
    color: #fff;;
    transition: 0.2s;
}
    
html.theme-black .tag .count, html.theme-black input.tag-input[type] .count {
    font-weight: 600;
    color: #d9d9d9;
}
    
html.theme-black .tag:hover .count, html.theme-black input.tag-input[type]:hover .count {
    background: rgba(255, 71, 113, .5);
    color: #fff;;
    transition: 0.2s;
}
  
html.theme-black .tag .name, html.theme-black input.tag-input[type] .name {
    background: rgb(13 13 13 / 50%);
}
    
html.theme-black .tag .count, html.theme-black input.tag-input[type] .count {
    background: rgb(13 13 13 / 70%);
    box-shadow: inset 0 0 0.4em transparent;
}
    
    /**Buttons **/
html.theme-black .btn-secondary {
    background-color: transparent;
    color: #d9d9d9;
}
    
html.theme-black .btn-secondary:hover,
    html.theme-black .btn-secondary:focus, html.theme-black .btn-secondary:hover{
    background-color: #1f1f1f;
    color: #fff;
    transition: 0.2s;
}
    
    html.theme-black nav a:hover {
    color: #fff;
            transition: 0.2s;
    }
    
.btn.btn-secondary:active, .btn.btn-secondary:focus, .btn.btn-secondary:hover {
    background: #1f1f1f;
        transition: 0.2s;
}
    
.btn.btn-primary {
    background-color: transparent;
    color: #d9d9d9!important;
}
    
.btn.btn-primary:hover {
    background-color: var(--red);
    color: #fff !important;
    transition: 0.2s;
}
    
.btn.btn-primary:active, .btn.btn-primary:focus, .btn.btn-primary:hover {
    background-color: var(--red);
    color: #fff !important;
        transition: 0.2s;
}
    
    html.bare .button-wide {
    background-color: transparent;
    color: #fff !important;
    }
    
    html.bare .button-wide:hover {
    background-color: var(--red);
    color: #fff !important;
        transition: 0.2s;
    }
    
    /** Pagination **/
.pagination .first.current, .pagination .last.current, .pagination .next.current, .pagination .page.current, .pagination .previous.current {
    font-weight: 700;
    border-radius: 1px;
    background-color: #f2f5f5;
}
    
.pagination .first:hover, .pagination .last:hover, .pagination .next:hover, .pagination .page:hover, .pagination .previous:hover {
    border-radius: 1px;
    background-color: #f8f9fa;
        transition: 0.2s;
}
    
.alphabetical-pagination li a.current, .alphabetical-pagination li span.current {
    border-radius: 1px;
    font-weight: 700;
}
    
.alphabetical-pagination li a:hover, .alphabetical-pagination li span:hover {
    border-radius: 1px;
    background-color: #f5f7f7;
        transition: 0.2s;
}
    
    /** Reader **/
html.theme-black.reader .reader-bar {
    background-color: #0d0d0d;
}
    
    
    html.reader .reader-bar .box, html.reader .reader-bar a, html.reader .reader-bar button {
        color: #d9d9d9;
    }
    
html.theme-black.reader .reader-bar a:hover, html.theme-black.reader .reader-bar button:hover {
    background-color: #1f1f1f;
    color: #fff;
        transition: 0.2s;
}
    
    /**Alerts **/
.alert.alert-info, .alert.alert-success {
    color: #57d959;
    background-color: rgb(60 118 61 / 60%);
    border-color: transparent;
}
    
    /** HTML **/
html.theme-black code {
    color: var(--red);
    border: none;
    background-color: rgb(13 13 13 / 50%);
}
    
html.theme-black .caption {
    background-color: #151414;
    color: #d9d9d9;
}
    
html.theme-black #thumbnail-container, html.theme-black .container {
    background-color: #1f1f1f;
    margin-top: 0;
}
    
    /** Button **/
select.control {
    background: #1f1f1f;
    border: 1px solid transparent;
    color: #d9d9d9;
}
    
select.control:focus-visible{
    border: 1px solid var(--red);
}
    
    ::selection {
        background: var(--red);
        color: #fff;
    }
    
    /** Placehorder text **/
    
::-webkit-input-placeholder { /* Edge */
  color: #fff;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

::placeholder {
  color: #fff;
}
    
    /* Change Autocomplete styles in Chrome*/
    
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid transparent;
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px var(--red) inset;
  transition: background-color 5000s ease-in-out 0s;
}
    
/** cloudflare **/
.font-red {
    color:var(--red);
}
    
    div#challenge-body-text {
        color:#888;
    }
    
    h2#challenge-running {
        color:#888;
    }
    
.footer-inner {
    border-top: 1px solid transparent;
    padding-top: 1rem;
    padding-bottom: 1rem;
        color:#888;
    width: 100%;
    display: none;
} 
    
    .main-wrapper {
        background: #0d0d0d;
    }
    
    .footer {
        background: #0d0d0d !important;
        display: none;
    }
    
    
.heading-icon {
    margin-right: 10px;
}
    
    span#challenge-error-text {
        color: #888;
    }
    
/** ui **/
    html.theme-black #thumbnail-container, html.theme-black .container {
        background-color: transparent;
    }
    
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    color: #fff;
    margin-top: 0;
    }
    
    .gallery-favorite img:hover, .gallery img:hover, .thumb-container img:hover {
    opacity: 70%;
    transition: 0.2s;
    color: var(--red);
    }
    
    #bigcontainer #cover img:hover, #bigcontainer #info-block img:hover {
    opacity: 70%;
    transition: 0.2s;
    }
    
    html.theme-black .caption:hover {
        color: #fff;
        background: #151414;
            transition: 0.2s;
    }

html.theme-black.bare, html.theme-black.bare body {
    background-color: #151414;
}
    
    nav .menu li img {
        border-radius: 5px;
    }
    
    .avatar {
        border-radius: 5px;
    }

#user-container {
    overflow: auto;
    background: #101010;
}
    
    #settings-container {
    background: #101010; 
    }
    
    .container.left.padded {
    background: #101010; 
    }

.comment {
    background: #101010;
}
    
html.theme-black nav {
    background-color: transparent;
}
    
html.theme-black #favorites-search input, html.theme-black input:not([type=file]):not([type=checkbox]), html.theme-black textarea {
    background: #1f1f1f;
    color: #d9d9d9;
}
    
    html.bare .lead {
    color: #d9d9d9;
    }
    
html.theme-black #favorites-search input:hover, html.theme-black input:not([type=file]):not([type=checkbox]):hover, html.theme-black textarea:hover {
    background: #272727;
    transition: 0.2s;
}
    
select {
    background: #383838;
    color: #fff;
    border: 2px solid transparent;
}
    
nav #hamburger {
    background: #1f1f1f;
}
    
html.theme-black .modal-inner {
    background-color: #0d0d0d;
    border: 1px solid #1f1f1f;
    box-shadow: 1px 1px 10px #1f1f1f;
}
    
html.theme-black .modal-inner .buttons {
    background-color: #101010;
}
    
#info #gallery_id .hash {
    color: #fff;
}
    
#info #gallery_id .hash:hover {
        color: var(--red);
        transition: 0.2s;
}
    
    #info #gallery_id:hover {
        color: var(--red);
            transition: 0.2s;
    }
    
#info .field-name {
    font-weight: 700;
    color: #fff;
}
    
    #info-container a:hover {
        color: #fff;
            transition: 0.2s;
    }
    
html.theme-black #thumbnail-container .lazyload, html.theme-black .lazyload {
    background-color: #0d0d0d;
    }
    
    .lazyload {
        background: #0d0d0d;
    }
    
html.theme-black.reader #image-container img {
    background-color: #0d0d0d;
}
    
    #info .buttons {
        text-align: center;
    }
    
html.theme-black #thumbnail-container.clip-height .thumbs:after {
    box-shadow: 0 0 40px 80px var(--main-dark);
}

    html.theme-black a:hover {
        color: var(--white);
            transition: 0.2s;
    }
    
    .comment .header time:hover {
        color: var(--white);
            transition: 0.2s;
    }
    
html.theme-black .alphabetical-pagination a.current, html.theme-black .alphabetical-pagination span.current, html.theme-black .sort a.current {
        background: rgba(237, 37, 83, .5);
        color: #fff;
   ...

Reviews

No reviews yet.