Danbooru Dark Theme & Tweaks by reezavt

/* ==UserStyle==
@name           Danbooru Dark Theme & Tweaks
@namespace      github.com/reezavt
@version        2.1.0
@description    Makes the site dark with some additional modifications for your viewing pleasure.
@author         ReezaVT
@preprocessor   stylus
@var color      accent-color            "Accent Color"                  #0075F8
@var color      background-color        "Background Color"              #000
@var color      text-color              "Text Color"                    #FFF
==/UserStyle== */

@-moz-document domain("danbooru.donmai.us") {
    html, body[data-current-user-theme=light], body[data-current-user-theme=dark] {
        --link-color: accent-color;
        --link-hover-color: accent-color;
    }

    .tippy-box[data-theme~=common-tooltip],
    body, html, a, h1, h2, h3, h4, h5, h6, p, ul, li, dd, dt,
    #text, #page, #top, #page-footer,
    div#c-posts div#a-show #artist-commentary,
    header#top menu,
    div#news-updates,
    .status-notice,
    .notice-info,
    div#c-posts .post-notice.post-notice-pending,
    div#c-posts .post-notice.post-notice-resized,
    #has-parent-relationship-preview,
    #has-children-relationship-preview,
    div#c-posts .post-notice.post-notice-parent,
    div#c-posts .post-notice.post-notice-child,
    div#c-posts div#a-show #artist-commentary {
        background-image: none !important;
        background-color: background-color !important;
        color: text-color;
    }
    .ui-button,
    #tag-sidebar a,
    body a {
        color: accent-color;
    }
    
    /* text field */
    input, input[type=button], input[type=submit], button {
        background-color: background-color !important;
        border: 1px solid text-color !important;
        color: text-color;
    }
    div#c-posts #search-box-submit {
        background-color: black;
        color: white;
    }
    
    /* table */
    table.striped tr:nth-child(even), table.striped tbody tr:hover {
        background: background-color;
    }
    
    .tippy-arrow {
        color: black;
    }
}