Rule34 Dark Theme & Tweaks by reezavt

/* ==UserStyle==
@name           Rule34 Dark Theme & Tweaks
@namespace      github.com/reezavt
@version        2.0.2
@description    Makes the site dark with some additional modifications for your viewing pleasure.
@author         ReezaVT
@preprocessor   stylus
@var color      accent-color            "Accent Color"                  #AAE5A4
@var color      background-color        "Background Color"              #000
@var checkbox   remove-banner-ads       "Hide Banner Ads"               1
@var range      image-width             "Image Width"                   [180, 100, 480, 20, "px"]
@var color      text-color              "Text Color"                    #FFF
==/UserStyle== */

@-moz-document domain("rule34.xxx") {
    :root, * {
        --c-bg: background-color;
        --c-bg-alt: var(--c-bg);
        --c-bg-deep: var(--c-bg);
        --c-bg-highlight: var(--c-bg);
        --c-bg-overlay: var(--c-bg);
    }
    
    body, html, a, h1, h2, h3, h4, h5, h6, p, ul, li, dd, dt,
    div.status-notice,
    #text {
        background-image: none !important;
        background-color: var(--c-bg) !important;
        color: text-color !important;
    }
    #tag-sidebar span {
        color: text-color !important;
    }
    hr.light {
        border-color: accent-color;
    }
    #site-title a {
        color: white !important;
    }
    #tag-sidebar a,
    body a {
        color: accent-color !important;
    }
    .status-notice,
    .note-body {
        color: var(--c-bg) !important;
    }
    
    /* autocomplete */
    .awesomplete ul,
    .awesomplete ul li {
        background-color: var(--c-bg) !important;
        color: text-color !important;
    }
    
    /* text field */
    .sidebar form[action="index.php?page=search"] input[name="tags"],
    .sidebar form[action="index.php?page=search"] input[name="commit"],
    input, textarea {
        background-color: var(--c-bg) !important;
        border: 1px solid text-color !important;
        color: text-color;
    }
    .sidebar form[action="index.php?page=search"] input[name="commit"] {
         width: 152px !important;
    }

    /* image previews */
    span.thumb {
        width: auto;
        height: auto;
        margin-left: 5px;
        margin-bottom: 5px;
    }
    img.preview {
        object-fit: contain;
        width: image-width;
        height: auto;
    }
    
    /* hide banner ads */
    if remove-banner-ads {    
        div.content > span {
            display: none;
        }
    }
}