mlton.org dark mode by f11

/* ==UserStyle==
@name         mlton.org dark mode
@version      20220716.15.04
@namespace    userstyles.world/user/f11
@description  adds a dark mode to mlton.org
@author       f11
@license      No License
==/UserStyle== */

@-moz-document domain("mlton.org") {
::selection {
    background: rgba(56, 139, 256, 0.4);
}

:root {
    --fg-light: rgb(201, 209, 217);
}

a { color: rgb(88, 166, 255); }

body {
    background: rgb(13, 17, 23);
    color: var(--fg-light);
}

code,
:not(pre):not([class^="L"]) > code,
.listingblock > .content > pre:not(.highlight),
p.tableblock > code:only-child,
pre.rouge {
    background: #161b22;
    color: var(--fg-light);
}

/* colorscheme based on ayu dark */
pre.rouge .c  { color: #acb6bf8c; }
pre.rouge .cm { color: #acb6bf8c; }
pre.rouge .err { background: #4d1526; }
pre.rouge .kr { color: #ff8f40; }
pre.rouge .kt { color: #59c2ff; }
pre.rouge .mf { color: #d2a6ff; }
pre.rouge .mi { color: #d2a6ff; }
pre.rouge .nc { color: #d2a6ff; }
pre.rouge .nd { color: #59c2ff; }
pre.rouge .nf { color: #f07178; }
pre.rouge .nn { color: #7fd962; }
pre.rouge .nv { color: inherit; }
pre.rouge .s2 { color: #d2a6ff; }
pre.rouge .se { color: #d2a6ff; }

#header > h1:first-child { color: var(--fg-light); }

.paragraph-lead > p,
#preamble > .sectionbody > [class="paragraph"]:first-of-type p {
    color: var(--fg-light);
}

.sidebarblock {
    background-color: #0d1017;
    border-color: #30363d;
}

table.tableblock,
th.tableblock, td.tableblock {
    border: none;
}

table tbody {
    background: rgb(13, 17, 23);
}

table thead, table tfoot {
    background: #161b22;
}

table thead tr th, table thead tr td,
table tfoot tr th, table tfoor tr td,
table tr th, table tr td {
    color: inherit;
}
}