body.dark {
    background-color: #343a40;
}

body.dark #reader {
    background-color: #343a40;
    color: white;
}

body.dark .custom-select {
    background-color: rgb(69 71 73);
    color: white;
    border-color: rgb(100 100 100);
}

body.dark hr {
    background-color: #646464;
}

body.dark .top-wrapper {
    border: 1px solid #646464;
}

body.dark #site-header {
    border-bottom: 1px solid #343a40;
    background: #2a2c2d;
}

body.dark #sidebar-mobile-menu-button {
    color: white;
}

body.dark #search-bar, body.dark #search-bar-mobile {
    background-color: rgb(69 71 73);
    color: white;
    border-color: rgb(100 100 100);
}

body.dark #search-bar::placeholder, body.dark #search-bar-mobile::placeholder {
    color: white;
  }
  
body.dark #search-bar:-ms-input-placeholder, body.dark #search-bar-mobile:-ms-input-placeholder {
    color: white;
  }
  
body.dark #search-bar::-ms-input-placeholder, body.dark #search-bar-mobile::-ms-input-placeholder {
    color: white;
  }

body.dark #search-button, body.dark #search-button-mobile {
    color: white!important;
}

body.dark #site-footer {
    border-top: 5px solid #2a2c2d;
    background: #2a2c2d;
    color: #fff;
}

body.dark #site-footer .footer-icon-mw {
    color: white;
}

body.dark #mobile-nav {
    background-color: #343a40 !important;
    color: white;
}

body.dark #navbar #mobile-nav .list-group-item {
    background-color: #343a40;
    color: #de7a4a !important;
}

body.dark #navbar #navbarContent .nav-item a:not(.dropdown-item) {
    color: #de7a4a !important;
}

body.dark #navbar #mobile-nav .nav-menu-divider-title {
    border-bottom-color: white!important;
}

body.dark #theme-button {
    color: white;
    font-size: 16px;
}