@media (prefers-color-scheme: dark) {
    body {
        color: $light;
        background: $dark;
    }
    hr {
        border: 1px solid $light;
    }
    .content h2 a, .content h3 a, .content p a, .content li a, .content td a {
        color: $light;
    }
    .frontmatter {
        border-bottom: 2px solid $light;
        a {
            color: $light;
        }
        .post-title a:hover {
            color: $light;
        }
    }
    .toc {
        border-bottom: 2px solid $light;
        a {
            color: $light;
        }
    }
    .content h2 a::after, .content h3 a::after, .content p a::after, .content li a::after, .content td a::after {
        color: $dark-highlight;
    }
}