doc.owncloud.com dark mode by s-light

/* ==UserStyle==
@name           doc.owncloud.com dark mode
@namespace      github.com/s-light/
@version        1.0.0
@description    doc.owncloud.com website in dark/night mode
@author         Stefan Krüger s-light.eu
==/UserStyle== */
@-moz-document domain("doc.owncloud.com") {
    /* 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-smoke-90: var(--text);
        --color-gray-40: var(--text);
        --panel-border-color: var(--color-smoke-90);
        --toolbar-border-color: var(--panel-border-color);
        --toolbar-muted-color: var(--color-gray-40);
        --color-text: var(--text);
        --color-navbar-bg: var(--bg);
        --color-navbar-bg-focus: var(--bg-light);
        --color-navbar-text: var(--text);
    }
}

@-moz-document url-prefix("https://doc.owncloud.com") {
    html,
    body {
        background: var(--bg);
    }

    .navigation,
    .nav-panel-explore .context {
        background: var(--bg-light);
    }

    .toolbar {
        background: var(--bg-light);
        color: var(--text);
    }

    .doc .admonitionblock td.content {
        background: var(--bg-highlight);
    }

    .doc p code {
        background: var(--bg-highlight);
    }

    .doc table.tableblock th {
        background: var(--bg-light);
    }

    .search .results {
        color: var(--text);
        background: var(--bg-light);
    }

    .search .results li a {
        color: var(--text);
    }
}