@media (prefers-color-scheme: dark) {
    body {
        background-color: #252525 !important;
        color: #ffffff !important;
    }
    #fadeline {
        background: linear-gradient(to bottom, #252525 0%, transparent 100%);
    }
    header {
        color: #ababab !important;
    }
    .logo, #mailheader, .invert-on-dark {
        filter: invert(100%);
    }
    a {
        color: #7fc3ff !important;
    }
    hr {
        border-color: #575757 !important;
        background-color: #575757 !important;
        color: #575757 !important;
    }
    [data-darkmode="hide"] {
        display: none;
    }
    [data-darkmode="show"] {
        display: initial !important;
    }
    [data-darkmode="table"] {
        background-color: #252525 !important;
    }
}