.btn:not(.btn-light):not([class^="btn-outline-"]) .dropdown-toggle:after { color: #fff; } .dropdown-menu-large { min-width: 16rem; } .dropdown-menu { box-shadow: 0 0 30px rgba(0, 0, 0, 0.03); } .dropdown-item { transition: all .5s; } .dropdown { .avatar { margin-right: .6rem; } } .user-dropdown-status, .user-dropdown-name { margin: 0; } @media screen and (max-width: 576px) { .dropdown-center[data-bs-popper] { left: 50%; transform: translateX(-50%) } } html[data-bs-theme="dark"] { .dropdown-menu { background-color: #232323 !important; color: #e0e0e0 !important; border-color: #333 !important; } .dropdown-item { color: #e0e0e0 !important; } .dropdown-item:hover, .dropdown-item:focus { background-color: #333 !important; color: #fff !important; } }