gds.hessen.de dark mode by s-light

/* ==UserStyle==
@name           gds.hessen.de dark mode
@namespace      github.com/s-light/
@version        1.0.0
@description    dark/night mode
@author         Stefan Krüger s-light.eu
==/UserStyle== */
@-moz-document domain("gds.hessen.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%);
    }
}

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

    #ariadne {
        background-color: transparent;
        color: var(--text);
        padding: 0;
        font-size: .5rem;
        line-height: 1rem;
    }

    #main {
        background-color: transparent;
    }

    .col--dark,
    .navbar {
        background: var(--bg-light);
    }

    .subnav__list-item,
    .subnav__list-item--collapse,
    .facet__button,
    .facet__action,
    .collapse,
    .map-view__button,
    .map-view__button.collapsed {
        background: var(--bg-highlight);
        color: var(--text);
    }

    .content-box {
        background: var(--bg-light);
        border: 1px solid var(--bg-highlight2);
    }

    .content-box__text {
        color: var(--text);
    }

    table.data td,
    table.data th {
        color: var(--text);
    }

    .table--striped tr:nth-of-type(2n+1) {
        background: var(--bg-highlight);
    }

    .table--striped tr:nth-of-type(2n) {
        background: var(--bg-light);
    }

    .formset .table td::after,
    .formset .table th::after,
    .map-view__section-content .table td::after,
    .map-view__section-content .table th::after {
        background: transparent;
    }

    .map-navigation__overlay--data {
        background: var(--bg);
    }

    /*map background*/
    #imgSias0 {
        background: var(--text);
    }
}