blog/assets/scss/_dark.scss

// dark mode preference
@media (prefers-color-scheme: dark) {
    body {
        background: var(--bg-dark);
        color: var(--text-dark);
    }
    header {
        border-top-color: var(--border-dark);
        h1 {
            a {
                color: var(--text-dark-hl);
            }
            span {
                color: var(--text-subdued-dark);
            }
        }
    }
    a,
    b {
        color: var(--link-color-dark);
    }
    p a:hover {
        border-bottom: 2px solid var(--link-color-dark);
    }
    main {
        aside {
            h1 {
                background: var(--text-title-dark);
                background: linear-gradient(135deg, $blue-lt 0%, $purple-lt 67%);
                -webkit-background-clip: text;
                background-clip: text;
                color: transparent;
            }
        }
        article {
            h2,
            h3 {
                color: var(--text-dark-hl);
            }
            blockquote {
                p {
                    border-left-color: var(--border-dark);
                }
            }
        }
        section#author.border::before {
            background: var(--bg-dark);
        }
    }
    ul.tags li a {
        background: var(--border-dark);

        &:hover {
            background: var(--link-color-dark);
        }
    }
}