body {
    background-color: #22303c;
}

/* the actual dropdown button */
button.dash-dropdown.dark-dropdown {
    background-color: #22303c !important;
    border: 1px solid rgba(255,255,255,0.35) !important;
    color: white !important;
    box-shadow: none !important;
}

/* inner layout area */
button.dash-dropdown.dark-dropdown .dash-dropdown-trigger,
button.dash-dropdown.dark-dropdown .dash-dropdown-value,
button.dash-dropdown.dark-dropdown .dash-dropdown-value-item {
    background-color: #22303c !important;
    color: white !important;
}

/* arrow */
button.dash-dropdown.dark-dropdown .dash-dropdown-trigger-icon {
    color: white !important;
}

/* focus / open / hover */
button.dash-dropdown.dark-dropdown:hover,
button.dash-dropdown.dark-dropdown:focus,
button.dash-dropdown.dark-dropdown[data-state="open"],
button.dash-dropdown.dark-dropdown[aria-expanded="true"] {
    background-color: #22303c !important;
    border: 1px solid rgba(255,255,255,0.35) !important;
    color: white !important;
    box-shadow: none !important;
    outline: none !important;
}