From 46412cdf80ec7ea824d18abf9917b1b1c86c1c4b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nguy=E1=BB=85n=20H=E1=BB=93ng=20Qu=C3=A2n?=
 <ng.hong.quan@gmail.com>
Date: Mon, 4 Nov 2024 18:16:06 +0700
Subject: [PATCH 1/3] Fix display in dark theme

---
 src/dalf/admin.py                                             | 1 +
 src/dalf/templates/admin/filter/django_admin_list_filter.html | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/dalf/admin.py b/src/dalf/admin.py
index f7bd10f..64871c0 100644
--- a/src/dalf/admin.py
+++ b/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',
                 ),
             },
diff --git a/src/dalf/templates/admin/filter/django_admin_list_filter.html b/src/dalf/templates/admin/filter/django_admin_list_filter.html
index 47e21d8..e8762ce 100644
--- a/src/dalf/templates/admin/filter/django_admin_list_filter.html
+++ b/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 %}

From da6973b06c5abc978f8d87cd02a60b4f15aa3e40 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nguy=E1=BB=85n=20H=E1=BB=93ng=20Qu=C3=A2n?=
 <ng.hong.quan@gmail.com>
Date: Tue, 5 Nov 2024 15:54:06 +0700
Subject: [PATCH 2/3] Fix test case

---
 tests/testproject/testapp/tests.py | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/tests/testproject/testapp/tests.py b/tests/testproject/testapp/tests.py
index 743cb66..c54adb6 100644
--- a/tests/testproject/testapp/tests.py
+++ b/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':

From a41543afd1b75bc73d5ecf05ebbe9730160f8549 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nguy=E1=BB=85n=20H=E1=BB=93ng=20Qu=C3=A2n?=
 <ng.hong.quan@gmail.com>
Date: Thu, 7 Nov 2024 17:27:25 +0700
Subject: [PATCH 3/3] Fix dark mode for DALFRelatedFieldAjax

---
 .../templates/admin/filter/django_admin_list_filter_ajax.html    | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/dalf/templates/admin/filter/django_admin_list_filter_ajax.html b/src/dalf/templates/admin/filter/django_admin_list_filter_ajax.html
index b38f28c..eff905a 100644
--- a/src/dalf/templates/admin/filter/django_admin_list_filter_ajax.html
+++ b/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>