Skip to content

nhentai-hider by xiggi

Write a review Install Get Stylus

Details

Authorxiggi

LicenseNo License

Categorynhentai

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

my profile

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: 2em;
}
    
    /** 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: var(--red);
    }
    
    .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;
    }
    
htm...

Reviews

No reviews yet.