SQLite documentation dark mode user CSS

sqlite-doc-dark.user.css

/* ==UserStyle==
@name           SQLite documentation dark mode
@namespace      jeffreybosboom.com
@version        1.0.0
@description    SQLite documentation dark mode
@author         Jeffrey Bosboom
==/UserStyle== */

@-moz-document domain("sqlite.org") {
    :root {
        /* TODO: UserCSS lets us make these customizable? */
        --bg-color: black;
        --highlight-bg-color: #181818;
        --text-color: darkgray;
    }
    
    body, .fancy .codeblock {
        background-color: var(--bg-color);
        color: var(--text-color);
        border-color: slategrey;
    }
    
    pre {
        background-color: var(--highlight-bg-color);
        color: var(--text-color);
        border-color: slategrey;
    }
    
    a, pre a:link {
        color: slategray;
    }
    a:visited, pre a:visited {
        color: dimgrey;
    }
    a:hover {
        background-color: var(--highlight-bg-color) !important;
    }
    
    .showhide > li > a {
        color: var(--text-color);
    }
    
    .yyterm, .yynonterm {
        background-color: var(--highlight-bg-color);
        border-color: var(--text-color);
    }
    
    svg polygon, svg text {
        background-color: var(--bg-color);
        fill: var(--text-color) !important;
    }
    svg path, svg circle {
        stroke: var(--text-color) !important;
    }
    
    button {
        background-color: var(--highlight-bg-color);
        color: var(--text-color);
        border-color: slategrey;
    }
}