Arabica Dark mode

screen.css

/* ==========================================================================
   13. Dark Mode
========================================================================== */
@media (prefers-color-scheme: dark) {
  body {
    color: var(--font-color-dark);
    background: var(--dark-background-main);
  }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .blog-title a, .post-title a {
    color: var(--font-color-dark) !important;
  }

  h2 {
  color: var(--highlight-color);
  }

  h3 {
  color: var(--highlight-color);
  font-weight: 600;
  }

  .post a, .post a:visited, a, a:visited {
    color: var(--font-color-dark);
  }

  .post-title a, .post-title a:visited {
    color: var(--font-color-light);
  }

  .post-title {
    color: var(--font-color-dark);
  }

  a.read-more, a.read-more:visited, .post-meta {
    color: var(--highlight-color);
  }

  .microblog_text {
    color: var(--font-color-light)
  }
  .microblog_text a {
  color: var(--font-color-light)
  }
  .microblog_user {
    color: var(--font-color-light);
  }
  .nav a {
  	color: var(--font-color-dark)
  }

}