blogotheme/assets/css/override.css

/*
  * To override CSS, you should create
  * project_root/assets/css/override.css
  * and place all your CSS inside it.
  * You should not modify this file.
  */

/* Enable smooth scrolling for footnotes. */

html {
    scroll-behavior: smooth;
}


ol > li > ::first-line {
line-height: 3.1em;

}
/*
  * Dark theme  
  */

@media (prefers-color-scheme: dark) {
  body {
    color: #eee;
    background: #121212;
  }

  body a {
    color: #809fff;
  }

  .content {
      background: #121212;
      border: solid;
      border-width: 3px;
      border-color: white;
  }

  .card-container {
      background: #121212;
  }

  .menu-container {
      color: white;
      background: #121212;
  }

  .nav-header {
      background:  #121212;
      color: white;
  }

  .nav-text{
      background:  #121212;
      color: white;
  }

  .blog-card {
      background:  #121212;
      color: white;
      border: solid;
      border-color: white;
      border-width: 3px;

  }

  .blog-card h2{
      background:  #121212;
      color: white;
  }

  footer h3 {
      color: white;
  }

  .webring {
      background-color: #121212;
  }
}