docinfo.html

<style>
    /*colors*/
    .keyword {
        color: #FF6188;
    }

    .text {
        color: #41464E;
    }

    .background {
        color: #F9F8F5;
    }

    .builtin {
        color: #AE81FF;
    }

    .string {
        color: #A9DC76;
    }

    .number {
        color: #FFD866;
    }

    .codeBlockComment {
        color: #41464E;
    }

    .comment {
        color: #F8F8F2;
    }

    .functionDecl {
        color: #AB9DF2;
    }

    .functionCall {
        color: #FF6188;
    }

    .variable {
        color: #FC9867;
    }

    .operator {
        color: #f7cc5a;
    }

    .control {
        color: #F92672;
    }

    .preprocessor {
        color: #F92672;
    }

    .other {
        color: #F8F8F2;
    }

    .type {
        color: #78DCE8;
    }

    .name {
        color: #B0D480;
    }

    /*for dark theme*/
    @media (prefers-color-scheme: dark) {

        .article {
            background-color: #3C4041;
            color: #C1C1C1;
        }

        #header>h1:first-child {
            color: #C1C1C1;
        }

        .code {
            background-color: #343231;
            font-family: monospace;
            color: #C1C1C1;
        }

        #toctitle {
            color: white;
        }

        .toc a {
            color: #9abbed;
        }

        .paragraph a {
            color: #9abbed;
        }
    }

    /*for light theme*/
    @media (prefers-color-scheme: light) {
        .article {
            background-color: #FFFFFF;
            color: #0E0E0D;
        }

        #header>h1:first-child {
            color: #0E0E0D;
        }

        .code {
            background-color: #F9F8F5;
            font-family: monospace;
            color: #0E0E0D;
        }
    }

    .mono {
        font-family: monospace;
    }

    .information {
        color: #AE81FF;
    }
</style>