@media (prefers-color-scheme: dark) {
    html {
        background-color: #121212 !important;
        filter: invert(100%) hue-rotate(180deg) brightness(105%) contrast(85%);
        -webkit-filter: invert(100%) hue-rotate(180deg) brightness(105%) contrast(85%);
    }

    .click-to-copy {
        filter: invert(100%) hue-rotate(180deg) !important;
        background-color: rgba(255, 255, 255, 0.9) !important;
        color: #121212 !important;
        border: 1px solid rgba(0, 0, 0, 0.2) !important;
    }

    img, video, .MJXc-TeX-unknown-R, .info-avatar img {
        filter: hue-rotate(180deg) contrast(100%) invert(100%) !important;
        -webkit-filter: hue-rotate(180deg) contrast(100%) invert(100%) !important;
    }
}