Module:Documentation/styles.css

.documentation,
.documentation-metadata .text:after {
    border: 1px solid #a2a9b1;
    background-color: #C4F2DC;
    clear: both;
}

.documentation,
.documentation-metadata {
    color: #000000;

    /* cool idea, but didn't seem to work, trick is just getting it on all the text, links, headings, etc. - easier said than done */
    /* mix-blend-mode: difference; */
    /* filter: invert(100%); */
}

.documentation {
    margin: 1em 0 0 0;
    padding: 1em;
}

.documentation-metadata {
    margin: 0.2em 0; /* same margin left-right as .documentation */
    font-style: italic;
    padding: 0.4em 1em; /* same padding left-right as .documentation */
}

.documentation-startbox {
    padding-bottom: 3px;
    border-bottom: 1px solid #aaa;
    margin-bottom: 1ex;
}

.documentation-heading,
.mw-headline,
.mw-editsection a::before {
    font-weight: bold;
    font-size: 125%;
    /* filter: none; */
}

.documentation-heading
/* .mw-headline, */
.mw-editsection a {
    color: black;

    /* cool idea, but didn't seem to work, trick is just getting it on all the text, links, headings, etc. - easier said than done */
    /* mix-blend-mode: difference; */
    /* filter: invert(100%); */
}

.documentation-clear { /* Don't want things to stick out where they shouldn't. */
    clear: both;
}

.documentation-toolbar {
    font-style: normal;
    font-size: 85%;
}

.documentation-container a {
    color: #171717;
    text-decoration: underline;

    /* cool idea, but didn't seem to work, trick is just getting it on all the text, links, headings, etc. - easier said than done */
    /* mix-blend-mode: difference; */
    /* filter: invert(100%); */
}

.documentation-container,
.documentation-container .mw-headline {
    color: black;

    /* cool idea, but didn't seem to work, trick is just getting it on all the text, links, headings, etc. - easier said than done */
    /* mix-blend-mode: difference; */
    /* filter: invert(100%); */
}

/* revert styling for pre blocks which have dark backgrounds again */
.documentation-container pre a {
    color: inherit;
}