docker.com dark by s-light

/* ==UserStyle==
@name           docker.com dark
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    dark mode..
@author         Me
==/UserStyle== */
@-moz-document domain("forums.docker.com") {
    /* global */
    :root {
        --bg: hsl(250, 100%, 3%);
        --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-dark: hsl(42, 100%, 25%);
        --text-light: hsl(42, 100%, 70%);
        --text-highlight: hsl(170, 100%, 50%);
    }
}

@-moz-document domain("forums.docker.com") {
    :root {
        --primary: var(--text);
        --primary-high: var(--text-dark);
        --secondary: var(--bg-light);
    }

    html,
    body {
        background-color: var(--bg);
        color: var(--text);
    }

    footer {
        background: var(--bg-gradient-dark);
    }

    div.cooked p,
    div.cooked blockquote,
    div.cooked li,
    div.cooked pre,
    div.d-editor-preview p,
    div.d-editor-preview blockquote,
    div.d-editor-preview li,
    div.d-editor-preview pre {
        color: var(--text);
    }

    header.header {
        height: auto;
        padding: 0;
    }

    header.header .hero-text {

        min-height: auto;
    }

    header.header .hero-text h1,
    header.header .hero-text p {
        font-size: 1em;
        line-height: 1.2em
    }
}