prototypefund.de - dark by s-light

/* ==UserStyle==
@name           prototypefund.de - dark
@namespace      github.com/s-light/
@version        1.0.0
@description    prototypefund.de website in dark/night mode
@author         Stefan Krüger s-light.eu
==/UserStyle== */
@-moz-document domain("prototypefund.de") {
    /* global */
    :root {
        --bg: black;
        --bg-light: hsl(250, 100%, 10%);
        --bg-highlight: hsl(250, 100%, 30%);
        --bg-highlight2: hsl(250, 100%, 50%);
        --bg-gradient: linear-gradient( to bottom,
        var(--bg-highlight),
        var(--bg-highlight2));
        --bg-gradient-dark: linear-gradient( to bottom,
        var(--bg-light),
        var(--bg-highlight));

        --text: hsl(42, 65%, 50%);
        --text-highlight: hsl(170, 100%, 50%);
    }

    :root {
        --color-fg-muted: var(--text);
        --color-fg-default: var(--text);
        --color-bg-default: transparent;
        --color-header-bg: transparent;
    }

    .prose {
        --tw-prose-links: var(--text-highlight);
    }
}

@-moz-document domain("prototypefund.de") {
    html,
    body {
        background: var(--bg);
        color: var(--text);
    }

    #footer-wrap {
        background: var(--bg-light);
        color: var(--text);
    }

    footer img {
        box-shadow: 0 0 10px white;
        background: hsla(0, 0%, 100%, .4);
        border-radius: 1rem;
    }

    .bg-white {
        background-color: var(--bg);
    }

    a,
    a:visited,
    .nav li a {
        color: var(--text-highlight);
    }

    [multiple],
    [type="date"],
    [type="datetime-local"],
    [type="email"],
    [type="month"],
    [type="number"],
    [type="password"],
    [type="search"],
    [type="tel"],
    [type="text"],
    [type="time"],
    [type="url"],
    [type="week"],
    input:where(:not([type])),
    select,
    textarea {
        background-color: transparent;
    }


    .tox .tox-toolbar,
    .tox .tox-toolbar__overflow,
    .tox .tox-toolbar__primary,
    .tox .tox-tbtn--bespoke,
    .tox :not(svg):not(rect) {
        color: var(--text);
        background: var(--bg-gradient);
    }

    .tox .tox-tbtn svg {
        fill: var(--text);
    }
}