albertmartin.de Latein Wörterbuch by s-light

/* ==UserStyle==
@name           albertmartin.de Latein Wörterbuch
@namespace      github.com/s-light
@version        1.0.0
@description    Dark Mode for the Latein-Wörterbuch
@author         Stefan Krüger (s-light)
==/UserStyle== */
@-moz-document url-prefix("https://www.albertmartin.de/latein/") {
    * {
        --text: hsl(40, 100%, 50%);
        --text-highlight: hsl(40, 100%, 70%);
        --bg: hsl(260, 100%, 10%);
        --bg-highlight: hsl(260, 100%, 20%);
        --bg-highlight2: hsl(260, 100%, 40%);
    }

    html,
    body {
        background-color: black;
    }

    #suchfeld,
    #infos,
    #container {
        background: var(--bg);
        color: var(--text);
    }

    #suchfeld input[name="q"] {
        color: var(--text);
        background-color: var(--bg);
        text-shadow: 1px 1px 2px #000;
    }

    #suchfeld nav > ul > li {
        background-color: var(--bg-highlight);
    }

    #suchfeld nav > ul > li:hover {
        background-color: var(--bg-highlight2);
    }

    #suchfeld nav ul li:hover > ul {
        background: var(--bg);
    }

    .newlink,
    .linklist a,
    .intlink,
    h1,
    h2 {
        background-color: inherit;
    }

    .vocdetail tr td:nth-child(1),
    .vocdetail tr:nth-child(1) td {
        background: var(--bg-highlight);
    }

    a {
        color: var(--text-highlight);
    }

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

    .results tr:nth-child(1) {
        background: var(--bg-highlight2);
        color: var(--text);
    }

    .results tr:nth-child(2n) {
        background: var(--bg-highlight);
    }
}