/* darkmode.css */

.dark-mode,
.dark-mode body {
  background-color: black;
  color: white;
}

.dark-mode #settingsmenu {
  background-color: #242424 !important;
  color: yellow;
}

/* add more overrides as needed */


.dark-mode #profileform{
    background: #242424 !important;
}

.dark-mode #profileform a {
    color: yellow;
}

.dark-mode #searchbox , .dark-mode #search{
    border-color: yellow;
}
.dark-mode div.card-body,.dark-mode div.stat-item{
    background: #242424;
    background-color: #242424;
}

.dark-mode div.date-sidebar{
    background-color: #242424;
    background: #242424 !important;
}

 .dark-mode div.date-sidebar strong,.dark-mode div.date-btn{
    color: black;
 }

.dark-mode #heading1{
    color: yellow;
}

.dark-mode #navbar{
    background-color: #242424;
    border: 1px yellow solid;
}

.dark-mode div#settingsmenu{
    background: #242424;
    border: 1px solid yellow;
}

.dark-mode div.card-header, .dark-mode div.date-btn.active , .dark-mode button{
    background: rgb(0, 238, 255);
    border: 1px solid yellow;
    color: black;
}