@media (prefers-color-scheme: dark) {
    html:not(.light-mode) div.contents div.dotgraph iframe,
    html:not(.light-mode) div.contents div.image object,
    html:not(.light-mode) div.contents div.image img {
        filter: hue-rotate(180deg) invert();
    }
}

html.dark-mode div.contents div.dotgraph iframe,
html.dark-mode div.contents div.image object,
html.dark-mode div.contents div.image img {
    filter: hue-rotate(180deg) invert();
}

div.light-mode iframe,
div.light-mode object,
div.light-mode img {
    filter: none !important
}

div.line span.keyword {
    color: var(--fragment-keyword);
}

div.line span.keywordtype {
    color: var(--fragment-keywordtype);
}

div.line span.keywordflow {
    color: var(--fragment-keywordflow);
}

div.line span.stringliteral {
    color: var(--fragment-token)
}

div.fragment span.comment {
    line: var(--fragment-comment);
}

div.line a.code {
    color: var(--fragment-link) !important;
}

div.line span.preprocessor {
    color: var(--fragment-preprocessor);
}