@media (prefers-color-scheme: dark) {
    :root,
    :root.has-light-text {
        color-scheme: dark;
        --background-color: #15171a;
        --color-primary-text: #eee;
        --color-darker-gray: #eee;
        --color-secondary-text: #aaa;
        --color-lighter-gray: #22252a;
        --color-light-gray: #363a40;
        --color-mid-gray: #666;
        --color-border: rgba(255, 255, 255, 0.16);
    }

    .gh-dropdown,
    .has-background-about .gh-subscribe-input {
        color: var(--color-secondary-text);
        background-color: var(--color-lighter-gray);
    }

    .gh-dropdown li a {
        color: var(--color-primary-text) !important;
    }

    .is-head-open #gh-head.gh-head,
    .is-head-open #gh-head.gh-head .gh-head-actions {
        background-color: var(--background-color);
    }

    .gh-btn:not(.gh-primary-btn):not(.gh-outline-btn) {
        color: var(--background-color);
    }

    .gh-content > :is(p, ul, ol, blockquote, dl) a,
    .gh-content :not(pre) > code {
        color: #ef9898;
    }

    .gh-content table:not(.gist table) th {
        color: var(--color-primary-text);
        background-color: var(--color-lighter-gray);
    }

    .gh-cta-gradient {
        background: linear-gradient(180deg, transparent, var(--background-color));
    }

    .has-parallax-feed .gh-card-access {
        background-color: var(--background-color);
    }

    iframe {
        color-scheme: normal;
    }

    img {
        filter: brightness(0.85);
    }

    .pswp img,
    :fullscreen img,
    img:fullscreen {
        filter: none;
    }

    .kg-image-comparison-stage[data-comparison-ready] {
        background-color: #222;
    }

    .kg-image-comparison-divider,
    .image-comparison .image-comparison__divider {
        background-color: #222;
    }

    .kg-image-comparison-divider::after,
    .image-comparison .image-comparison__divider::after {
        border-color: #222;
    }
}