body[data-bs-theme="dark"] {
    background-color: #121212;
    color: #ffffff;
}

body[data-bs-theme="dark"] .navbar .navbar-brand img {
    filter: invert(1) grayscale(100%) brightness(1.5);
}

body[data-bs-theme="dark"] .navbar,
body[data-bs-theme="dark"] .navbar-dark,
body[data-bs-theme="dark"] .navbar-expand-md,
body[data-bs-theme="dark"] .navbar-dark.bg-light,
body[data-bs-theme="dark"] .navbar-dark {
    background-color: #333333 !important;
    color: #ffffff;
}

body[data-bs-theme="dark"] .btn-primary {
    background-color: #1a73e8;
    border-color: #1a73e8;
}

body[data-bs-theme="dark"] .btn-outline-dark {
    background-color: #ffffff;
    color: #000000;
    border-color: #ffffff;
}

body[data-bs-theme="dark"] .dropdown-menu {
    background-color: #333333;
    color: #ffffff;
}

body[data-bs-theme="dark"] .dropdown-item {
    color: #ffffff;
}

body[data-bs-theme="dark"] .dropdown-item:hover {
    background-color: #444444;
}

body[data-bs-theme="dark"] .dropdown-toggle {
    background-color: transparent;
    color: transparent;
    border-color: transparent;
}

body[data-bs-theme="dark"] .dropdown-toggle:hover {
    background-color: #ffffff;
    color: #000000;
    border-color: #ffffff;
}
#mainNav.navbar-shrink-dark {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #333333;
    color: #ffffff;
}
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #333333;
    color: #ffffff;
}