Fix display in dark theme (#13)

* Fix display in dark theme
* Fix test case
* Fix dark mode for DALFRelatedFieldAjax

Author: hongquan

src/dalf/admin.py

@@ -31,6 +31,7 @@ def media(self):
             css={
                 'screen': (
                     'admin/css/vendor/select2/select2.min.css',
+                    'admin/css/autocomplete.css',
                     'admin/css/django_admin_list_filter.css',
                 ),
             },

src/dalf/templates/admin/filter/django_admin_list_filter.html

@@ -7,7 +7,7 @@
         <ul>
             <li>
                 {% with params=choices|last %}
-                    <select class="django-admin-list-filter" name="{{ params.field_name }}" data-is-choices-filter="{{ params.is_choices_filter }}">
+                    <select class="django-admin-list-filter admin-autocomplete" name="{{ params.field_name }}" data-is-choices-filter="{{ params.is_choices_filter }}" data-theme="admin-autocomplete">
                     {% for choice in choices %}
                         {% if choice.display %}<option value="{{ choice.query_string|iriencode }}"{% if choice.selected %} selected{% endif %}>{{ choice.display }}</option>{% endif %}
                     {% endfor %}

src/dalf/templates/admin/filter/django_admin_list_filter_ajax.html

@@ -18,6 +18,7 @@
                       data-allow-clear="true"
                       data-app-label="{{ params.app_label }}"
                       data-model-name="{{ params.model_name }}"
+                      data-theme="admin-autocomplete"
                       data-field-name="{{ params.field_name }}"></select>
                 {% endwith %}
               </li>

tests/testproject/testapp/tests.py

@@ -41,8 +41,8 @@ def test_post_admin_filters_basics(admin_client, posts):  # noqa: ARG001
 
             if option_field_name in ['author', 'audience']:
                 assert (
-                    f'<select class="django-admin-list-filter" name="{option_field_name}" '
-                    f'data-is-choices-filter="{option_is_choices_filter}">'
+                    f'<select class="django-admin-list-filter admin-autocomplete" name="{option_field_name}" '
+                    f'data-is-choices-filter="{option_is_choices_filter}" data-theme="admin-autocomplete">'
                 ) in content
 
             if option_field_name == 'author':