body.dark-mode {
    background-color: #121212;
    color: #ffffff !important;

    --sb-track-color: #0b0b0b;
    --sb-thumb-color: #bbb;
    --sb-size: 10px;
}

body.dark-mode .contact-us-button {
    background-color: #eee;
    color: #111 !important;
}

body.dark-mode .contact-us-button span {
    color: #111 !important;
}

/* Remove this to light banner but hurt eyes to read.

body.dark-mode .banner {
    background-color: #eee !important;
    color: #111 !important;
}

body.dark-mode .banner p,
body.dark-mode .banner a span {
    color: #111 !important;
}
*/

body.dark-mode .dark-mode-button {
    background-color: #ccc !important;
}

body.dark-mode .dark-mode-button img {
    filter: invert(1);
}

body.dark-mode p,
body.dark-mode b,
body.dark-mode a,
body.dark-mode span,
body.dark-mode li,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
    color: #ddd !important;
}

body.dark-mode time {
    color: #888 !important;
}


body.dark-mode footer {
    background-color: #000!important;
}