made.porn dark theme by qeniti

/* ==UserStyle==
@name         made.porn dark theme
@version      20240104.20.39
@namespace    ?
==/UserStyle== */

@-moz-document domain("made.porn") {
body {
    background-color: color-mix(in srgb, black 85%, white 15%);
    /* complex calculation to make background match logotype inversion */
    color: lightgrey;
}

.logotype {
    filter: invert(85%);
}

div.menu a,
div#new-img-container a,
div.menu span,
a#age-verify-exit,
a#age-verify-button {
    background-color: darkslategrey;
    color: azure;
}

div.menu-small-container a.label-link {
    color: lightgrey;
}

.menu-small-container a.active {
    background-color: dimgrey;
}

#remove-image,
#report,
.i-container .property span {
    background-color: dimgrey;
    color: azure;
}

.i-container .property-value a {
    background-color: darkslategrey;
    color: azure;
}

.i-container .liked {
    background-color: orangered !important;
}

.i-container .page-like #like,
.i-container .page-like #edit,
#report,
.i-container .page-like #copy-tags,
#remove-image,
div.menu a.pro {
    background-color: steelblue;
    color: azure;
}

div.menu a#gen-show,
div#new-img-container a,
a#age-verify-button {
    background-color: green;
}

.form__btn {
    background-color: darkslategrey;
    color: azure;
}

.form__btn.random {
    background-color: dimgrey;
}

.form .random-tag-button,
.tag-showhide-button svg.icon-arrow-hide {
    background-color: darkslategrey;
    color: lightgrey;
    padding: 0 5px;
}

.form__type {
    margin: 10px;
}

.form__tag {
    background-color: darkslategrey;
    color: lightgrey;
    border-color: grey;
}

.form__tag.active {
    background-color: green;
    color: azure;
}

.form__tag.needpro {
    background-color: grey;
    color: lightgrey;
}

.grid-item span {
    background-color: black;
    color: azure;
    border: 1px solid dimgrey;
    opacity: 0.5;
}

.item-date {
    color: lightgrey;
}

#navigation-buttons {
    background-color: inherit;
    border: 1px solid dimgrey;
    opacity: 0.75;
    color: azure;
}

#navigation-buttons a.active {
    color: lime;
}

#denoising input {
    background-color: inherit;
}

#footer {
    background-color: inherit;
}

.queue-banner {
    background-color: darkslategray;
}
}