.bg-dark {
  background-color: #24292e !important;
}

footer {
  background-color: #f5f5f5;
}

@media (prefers-color-scheme: dark) {
  footer {
    background-color: #1e2024 !important;
  }

  .dropify-preview {
    background-color: rgb(42, 43, 45) !important;
  }
  .dropify-wrapper {
    background-color: rgb(32, 33, 35) !important;
    border: 2px solid #666 !important;
    &:hover {
      background-image: linear-gradient(
        -45deg,
        #161616 25%,
        transparent 25%,
        transparent 50%,
        #161616 50%,
        #161616 75%,
        transparent 75%,
        transparent
      ) !important;
    }
  }
  .text-muted {
    color: #8c959d !important;
  }
  .content-wrapper {
    color: white !important;
  }
  .jumbotron {
    background-color: rgb(30, 32, 36) !important;
  }
  .breadcrumb {
    background-color: rgb(42, 43, 45) !important;
  }
  pre {
    background-color: #444 !important;
    color: #fff !important;
  }
  code {
    background-color: #444 !important;
    color: #fff !important;
  }
  .form-control {
    background-color: rgb(35, 36, 37) !important;
    color: rgb(240, 234, 224) !important;
    border-color: rgb(71, 79, 87) !important;
  }
  .navbar-dark {
    box-shadow: 0 10px 39px -6px rgba(0, 0, 0, 0.3);
  }
  .custom-select {
    color: white !important;
    background-color: #495057 !important;
  }
}
