Dark Rule34Hentai

Dark theme for rule34hentai.net

/* ==UserStyle==
@name        Dark Rule34Hentai
@description Dark theme for rule34hentai.net
@namespace   Hentiedup
@version     1.2.2
@author      Hentiedup
@license     unlicense
==/UserStyle== */

@-moz-document domain("rule34hentai.net") {
    body {
        background-color: #252525;
        background-blend-mode: overlay;
    }
    section > h3 {
        background-color: #1E1511;
    }
    html header,
    footer,
    ul li ul.dropdown,
    section > .blockbody,
    .comment,
    .setupblock,
    .comment .info {
        background-color: #2F211A;
    }

    ul li a:hover,
    ul li a:active,
    ul li a:focus {
        background-color: #4A3329;
    }
    .thumb img,
    textarea,
    input,
    select,
    button,
    header form > input[value="Search"],
    header form > input[value="Search"]:visited {
        background-color: #4A3329;
        border-color: #4A3329;
    }
    header form > input[value="Search"]:hover,
    header form > input[value="Search"]:active,
    header form > input[value="Search"]:focus {
        background-color: #664c41;
    }
    textarea,
    input,
    select,
    button {
        border: none;
    }

    .tagit {
        background-color: #4A3329 !important;
    }
    .ui-widget-content {
        color: #dabc92 !important;
        background-color: #2F211A;
    }
    .ui-menu-item.ui-state-focus {
        background-color: rgba(218, 188, 146, .15);
        color: inherit;
    }

    html a,
    html a:visited,
    html a:hover,
    html a:active,
    html a:focus {
        color: #ead3b3;
    }

    ul li a,
    ul li a:visited,
    html .blockbody,
    html header,
    section > h3,
    body,
    #Navigationleft a,
    #Navigationleft a:visited,
    header small a,
    header small a:visited,
    header small a:hover,
    header small a:active,
    header small a:focus,
    textarea,
    input,
    select,
    button {
        color: #dabc92;
    }

    html .blockbody,
    html header,
    section > h3 {
        border-color: #261A15;
    }

    table.zebra tr:nth-child(2n+1) {
        background: rgba(255, 255, 255, .04);
    }
    table.zebra tr:nth-child(2n) {
        background: none;
    }

    .tag-positive {
        background-color: #153E15 !important;
    }


    html
    {
      scrollbar-color: #261A15 #AA8474;
    }
    html::-webkit-scrollbar
    {
        width: 13px;
        background-color: #AA8474
    }
    html::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #AA8474;
    }

    html::-webkit-scrollbar-thumb {
        background-color: #261A15;	
        box-shadow: inset 0 0 1px 1px #AA8474;
        background-image: -webkit-linear-gradient(45deg,rgba(74, 51, 41, .2) 25%,
                                                  transparent 25%,
                                                  transparent 50%,
                                                  rgba(74, 51, 41, .2) 50%,
                                                  rgba(74, 51, 41, .2) 75%,
                                                  transparent 75%,
                                                  transparent)
    }
    
    .tagit-new > input[type="text"] { background: transparent; }
    .ui-widget-content { background: #2F211A; }
}