body.dark-mode {
    background-color: #4d4d4d;
}
.dark-mode .card {
    background: #151002a1;
}

.dark-mode .sidebar .sidebar-background:after {
    background: #151002eb;
}
.dark-mode .card {
    color: #a4a4a4;
}

.dark-mode .navbar .navbar-brand a {
    color: azure;
}

.dark-mode .navbar .navbar-brand {
    color: aliceblue;
}

.dark-mode .sidebar .nav li a, .sidebar .nav li .dropdown-menu a {
    color: antiquewhite;
}
.dark-mode .table.table-hover tbody tr:hover {
    background-color: transparent;
}

.dark-mode .card .card-header-primary .card-icon,
.dark-mode .card .card-header-primary:not(.card-header-icon):not(.card-header-text),
.dark-mode .card .card-header-primary .card-text {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px #82670e;
}

.dark-mode .card .card-header-primary .card-icon, .card .card-header-primary .card-text,
.dark-mode .card .card-header-primary:not(.card-header-icon):not(.card-header-text),
.dark-mode .card.bg-primary,
.dark-mode .card.card-rotate.bg-primary .front,
.dark-mode .card.card-rotate.bg-primary .back {
    background: linear-gradient(60deg, #886c0e, #352a03);
}

.dark-mode .btn.btn-primary {
    color: #fff;
    background-color: #886c0e;
    border-color: #e0c260;
    box-shadow: 0 2px 2px 0 #51410c, 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 #886c0e;
}

.dark-mode .bg-close {
    background: linear-gradient(60deg, #7c6519, #511d1d33) !important;
}

.dark-mode .text-primary {
    color: #b09927 !important;
}

.dark-mode .card .card-header.card-header-icon .card-title,
.dark-mode  .card .card-header.card-header-text .card-title {
    color: #ffc8c8;
}

.dark-mode .card-stats .card-header .card-category:not([class*="text-"]) {
    color: beige;
}

.dark-mode .snow-in-dark-mode .card {
    color: snow;
}