@media (prefers-color-scheme: dark) {
  :root {
    --header-background-color: #21323c;
    --background-color: #1a2124;
    --navigation-background-color: #181b1c;
    --heading-color: #6EB9FB;
    --text-color: #84aed2;
    --emphasis-color: #5FA699;
    --link-color: #3BC8DF;
    --link-hover-color: #2282B1;
    --link-hover-background-color: #2f2f2f;
    --code-text-color: #63bfb2;
    --code-background-color: #243c4f;
    --blockquote-text-color: #5cafff;
    --blockquote-border-color: #ccc;
    --horizontal-line-color: #F3F5F6;
    --system-message-border-color: #888888;
    --thumbnail-border-color: #45625f;
    --thumbnail-background-color: #223f48;
  }
}