[備忘] select2 を Boostrap5 のダークモードに対応させる

[MITSUHIRO-KURIKI]

一旦使う部分だけ

@charset "UTF-8";
/* body */
.select2-container--bootstrap-5 .select2-selection,
.select2-container--bootstrap-5 .select2-selection .select2-selection__rendered,
.select2-container--bootstrap-5 .select2-selection .select2-selection__rendered .select2-selection__choice,
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
    color:            var(--bs-body-color);
    background-color: var(--bs-body-bg);
}
.select2-container--bootstrap-5 .select2-selection,
.select2-container--bootstrap-5 .select2-selection .select2-selection__rendered .select2-selection__choice,
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
    border: 1px solid var(--bs-border-color);
}
/* dropdown */
.select2-container--bootstrap-5 .select2-dropdown {
    color:            var(--bs-body-color);
    background-color: var(--navbar-bg);
}
/* single_select_form dropdown items */
#select2-id_single_select_form-results .select2-results__option.select2-results__option--highlighted {
    color:            var(--bs-body-color);
    background-color: var(--bs-primary);
}
#select2-id_single_select_form-results .select2-results__option.select2-results__option--selected,
#select2-id_single_select_form-results .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
    color:            var(--bs-body-color);
    background-color: var(--bs-primary-bg-subtle);
}
/* multiple_select_form dropdown items */
#select2--results .select2-results__option.select2-results__option--highlighted {
    color:            var(--bs-body-color);
    background-color: var(--bs-primary);
}
#select2--results .select2-results__option.select2-results__option--selected,
#select2--results .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
    color:            var(--bs-body-color);
    background-color: var(--bs-primary-bg-subtle);
}
#select2--results .select2-results__option.select2-results__option--selected,
#select2--results .select2-results__option[aria-selected=true]{
    background-color: var(--bs-danger-bg-subtle);
}

^{https://github.com/MITSUHIRO-KURIKI/DjangoTemplate/blob/main/static/templates/common/lib/select2/select2.css}