@media (prefers-color-scheme: dark) {
    html {
        background-color: #000000 !important;
    }
    html:before {
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: #000000;
    }

    body {
        color: #e3e3e3;
        background-color: #000000 !important;
    }

    strong {
        color: #eeeeee;
    }

    a {
        color: #F4CA45;
    }

    code {
        color: #fff475;
        background-color: #2c2929;
    }

    pre {
        background-color: #2c2929;
    }

    hr {
        border-top: 2px solid #161616;
    }

    blockquote {
        color: #afafaf;
        border-left: .25rem solid #ffffff;
    }

    table {
        border: 1px solid #727272;
    }
    td,
    th {
        border: 1px solid #424242;
    }
    tbody tr:nth-child(even) td,
    tbody tr:nth-child(even) th {
        background-color: #000000;
    }
    tbody tr:nth-child(odd) td,
    tbody tr:nth-child(odd) th {
        background-color: #151515;
    }
    a.pagination-item:focus,
    a.pagination-item:hover {
        background-color: #F4CA45;
        color: #000000;
    }
    .comment-button {
        border: 2px solid #F4CA45;
        color: #F4CA45;
    }
    .comment-button:hover
    {
        background-color: #F4CA45;
        color: #000000;
    }

    .littlefoot-footnote__content {
        background: #000000 !important;
    }
    .littlefoot-footnote__tooltip {
        background: #000000 !important;
        border: 1px solid #353535 !important;
    }
    .littlefoot-footnote__wrapper {
        background-color: #000000 !important;
    }
    .littlefoot-footnote {
        background: #000000 !important;
        border: 1px solid #353535 !important;
    }
}