body.dark-mode {
    background-color: #1a1a1a;
    color: #fff;
}

.dark-mode .bg-gray {
    background-color: #2a2a2a !important;
}

.dark-mode .text-secondary {
    color: #ccc !important;
}

.dark-mode .double-down-line::after, .dark-mode .double-down-line::before {
    background-color: #ccc;
}

.dark-mode .card {
    background-color: #2a2a2a;
    border-color: #444;
}

.dark-mode .card-title a {
    color: #fff;
}

.dark-mode .text-success {
    color: #28a745 !important;
}

.dark-mode .form-control {
    background-color: #333;
    color: #fff;
    border-color: #555;
}

.dark-mode .header-top, .dark-mode .header-bottom {
    background-color: #222;
}

.dark-mode .main-nav .nav-link {
    color: #fff;
}

.dark-mode .footer {
    background-color: #222;
}