dark mod for dict.leo.org by s-light

/* ==UserStyle==
@name           dark mod for dict.leo.org
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    very simple dark mode for dict.leo.org
@author         s-light.eu
==/UserStyle== */
@-moz-document domain("dict.leo.org") {
    :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%);

        --ion-background-color: var(--bg);
        --ion-background-color-rgb: var(--ion-background-color);

        --ion-text-color: var(--text);
        --ion-text-color-rgb: var(--text);
        --ion-backdrop-color: var(--bg-highlight);
        --ion-backdrop-opacity: 0.5;
        --ion-overlay-background-color: var(--bg-highlight2);
    }

    .isRelinked,
    .isRelinked mark,
    .isRelinked mark a,
    .c-link {
        color: var(--text) !important;
    }

    .bg-lightgray {
        color: var(--text);
        background: var(--bg-gradient-dark);
    }

    .bs-1,
    .card-tip::after {
        box-shadow: 0 0 10px 0 var(--bg-highlight2);
    }

    .tblf-alternate > tbody > tr:nth-child(2n) {
        background: var(--bg-highlight);
    }

    .bg-darkyellow {
        color: var(--text);
        background: var(--bg-gradient);
    }

    #search-field:active,
    #search-field:focus {
        color: var(--text);
    }
}