From 5bd98ff51f254064b5779e8163a192625a78fb4d Mon Sep 17 00:00:00 2001
From: areski <areski@gmail.com>
Date: Mon, 19 Apr 2021 14:19:07 +0200
Subject: [PATCH 1/2] [fix](field) change crispy_field to tailwind_field

---
 .../templates/tailwind/layout/field_with_buttons.html         | 2 +-
 crispy_tailwind/templates/tailwind/layout/inline_field.html   | 4 ++--
 crispy_tailwind/templatetags/tailwind_field.py                | 4 ++--
 crispy_tailwind/templatetags/tailwind_filters.py              | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/crispy_tailwind/templates/tailwind/layout/field_with_buttons.html b/crispy_tailwind/templates/tailwind/layout/field_with_buttons.html
index e4d0631..7653448 100644
--- a/crispy_tailwind/templates/tailwind/layout/field_with_buttons.html
+++ b/crispy_tailwind/templates/tailwind/layout/field_with_buttons.html
@@ -9,7 +9,7 @@
 
     <div class="{{ field_class }}">
         <div class="input-group">
-            {% crispy_field field %}
+            {% tailwind_field field %}
             <span class="input-group-append{% if active %} active{% endif %}{% if input_size %} {{ input_size }}{% endif %}">{{ buttons|safe }}</span>
         </div>
         {% include 'tailwind/layout/help_text_and_errors.html' %}
diff --git a/crispy_tailwind/templates/tailwind/layout/inline_field.html b/crispy_tailwind/templates/tailwind/layout/inline_field.html
index 3b2d55a..6760251 100644
--- a/crispy_tailwind/templates/tailwind/layout/inline_field.html
+++ b/crispy_tailwind/templates/tailwind/layout/inline_field.html
@@ -6,7 +6,7 @@
     {% if field|is_checkbox %}
         <div id="div_{{ field.auto_id }}" class="form-check form-check-inline{% if wrapper_class %} {{ wrapper_class }}{% endif %}">
             <label for="{{ field.id_for_label }}" class="form-check-label{% if field.field.required %} requiredField{% endif %}">
-                {% crispy_field field 'class' 'form-check-input' %}
+                {% tailwind_field field 'class' 'form-check-input' %}
                 {{ field.label|safe }}
             </label>
         </div>
@@ -15,7 +15,7 @@
             <label for="{{ field.id_for_label }}" class="sr-only{% if field.field.required %} requiredField{% endif %}">
                 {{ field.label|safe }}
             </label>
-            {% crispy_field field 'placeholder' field.label %}
+            {% tailwind_field field 'placeholder' field.label %}
         </div>
     {% endif %}
 {% endif %}
diff --git a/crispy_tailwind/templatetags/tailwind_field.py b/crispy_tailwind/templatetags/tailwind_field.py
index 4c1dd4d..ee75647 100644
--- a/crispy_tailwind/templatetags/tailwind_field.py
+++ b/crispy_tailwind/templatetags/tailwind_field.py
@@ -188,9 +188,9 @@ def render(self, context):  # noqa: C901
 
 
 @register.tag(name="tailwind_field")
-def crispy_field(parser, token):
+def tailwind_field(parser, token):
     """
-    {% crispy_field field attrs %}
+    {% tailwind_field field attrs %}
     """
     token = token.split_contents()
     field = token.pop(1)
diff --git a/crispy_tailwind/templatetags/tailwind_filters.py b/crispy_tailwind/templatetags/tailwind_filters.py
index 1f15283..4412b85 100644
--- a/crispy_tailwind/templatetags/tailwind_filters.py
+++ b/crispy_tailwind/templatetags/tailwind_filters.py
@@ -98,7 +98,7 @@ def as_crispy_field(field, template_pack=TEMPLATE_PACK, label_class="", field_cl
 
     or::
 
-        {{ form.field|as_crispy_field:"bootstrap" }}
+        {{ form.field|as_crispy_field:"tailwind" }}
     """
     if not isinstance(field, boundfield.BoundField) and settings.DEBUG:
         raise CrispyError("|as_crispy_field got passed an invalid or inexistent field")

From dae5f48313f847ce4fb01c487a7c29eb3aa7f8d7 Mon Sep 17 00:00:00 2001
From: areski <areski@gmail.com>
Date: Fri, 17 Sep 2021 12:48:08 +0200
Subject: [PATCH 2/2] [fix] add support for dark mode

---
 crispy_tailwind/templates/tailwind/field.html |  2 +-
 .../layout/checkboxselectmultiple_inline.html |  2 +-
 .../templates/tailwind/layout/help_text.html  |  4 +-
 .../layout/prepended_appended_text.html       |  2 +-
 .../tailwind/layout/radioselect_inline.html   |  2 +-
 .../templatetags/tailwind_filters.py          |  2 +-
 tests/test_crispy_addon.py                    |  2 +-
 tests/test_filter.py                          | 22 ++++----
 tests/test_helper.py                          | 52 +++++++++----------
 tests/test_prepended_appended.py              | 10 ++--
 tests/test_table_inline_formset.py            |  4 +-
 11 files changed, 52 insertions(+), 52 deletions(-)

diff --git a/crispy_tailwind/templates/tailwind/field.html b/crispy_tailwind/templates/tailwind/field.html
index 0347a0f..9a284bb 100644
--- a/crispy_tailwind/templates/tailwind/field.html
+++ b/crispy_tailwind/templates/tailwind/field.html
@@ -7,7 +7,7 @@
 
     <{% if tag %}{{ tag }}{% else %}div{% endif %} id="div_{{ field.auto_id }}" class="{% if wrapper_class %}{{ wrapper_class }} {% endif %}{% if field_class %}{{ field_class }}{% else %}mb-3{% endif %}">
     {% if field.label and form_show_labels %}
-        <label for="{{ field.id_for_label }}" class="{% if label_class %}{{ label_class }}{% else %}block text-gray-700 text-sm font-bold mb-2{% endif %}">
+        <label for="{{ field.id_for_label }}" class="{% if label_class %}{{ label_class }}{% else %}block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400{% endif %}">
             {{ field.label|safe }}{% if field.field.required %}<span class="asteriskField">*</span>{% endif %}
         </label>
     {% endif %}
diff --git a/crispy_tailwind/templates/tailwind/layout/checkboxselectmultiple_inline.html b/crispy_tailwind/templates/tailwind/layout/checkboxselectmultiple_inline.html
index bd83c3a..f8b99d8 100644
--- a/crispy_tailwind/templates/tailwind/layout/checkboxselectmultiple_inline.html
+++ b/crispy_tailwind/templates/tailwind/layout/checkboxselectmultiple_inline.html
@@ -4,7 +4,7 @@
     <{% if tag %}{{ tag }}{% else %}div{% endif %} id="div_{{ field.auto_id }}" class="{% if wrapper_class %}{{ wrapper_class }} {% endif %}{% if field_class %}{{ field_class }}{% else %}mb-3{% endif %}">
 
     {% if field.label %}
-        <label for="{{ field.id_for_label }}"  class="{% if label_class %}{{ label_class }}{% else %}block text-gray-700 text-sm font-bold mb-2{% endif %}{% if not inline_class %} col-form-label{% endif %}{% if field.field.required %} requiredField{% endif %}">
+        <label for="{{ field.id_for_label }}"  class="{% if label_class %}{{ label_class }}{% else %}block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400{% endif %}{% if not inline_class %} col-form-label{% endif %}{% if field.field.required %} requiredField{% endif %}">
             {{ field.label|safe }}{% if field.field.required %}<span class="asteriskField">*</span>{% endif %}
         </label>
     {% endif %}
diff --git a/crispy_tailwind/templates/tailwind/layout/help_text.html b/crispy_tailwind/templates/tailwind/layout/help_text.html
index 486dd5f..99514a9 100644
--- a/crispy_tailwind/templates/tailwind/layout/help_text.html
+++ b/crispy_tailwind/templates/tailwind/layout/help_text.html
@@ -1,7 +1,7 @@
 {% if field.help_text %}
     {% if help_text_inline %}
-        <p id="hint_{{ field.auto_id }}" class="text-gray-600">{{ field.help_text|safe }}</p>x
+        <p id="hint_{{ field.auto_id }}" class="text-gray-600 dark:text-gray-500">{{ field.help_text|safe }}</p>x
     {% else %}
-        <small id="hint_{{ field.auto_id }}" class="text-gray-600">{{ field.help_text|safe }}</small>
+        <small id="hint_{{ field.auto_id }}" class="text-gray-600 dark:text-gray-500">{{ field.help_text|safe }}</small>
     {% endif %}
 {% endif %}
diff --git a/crispy_tailwind/templates/tailwind/layout/prepended_appended_text.html b/crispy_tailwind/templates/tailwind/layout/prepended_appended_text.html
index 4e731a0..5f5da91 100644
--- a/crispy_tailwind/templates/tailwind/layout/prepended_appended_text.html
+++ b/crispy_tailwind/templates/tailwind/layout/prepended_appended_text.html
@@ -6,7 +6,7 @@
   <div id="div_{{ field.auto_id }}" class="{% if wrapper_class %}{{ wrapper_class }} {% endif %}{% if field_class %}{{ field_class }}{% else %}mb-3{% endif %}">
 
     {% if field.label and form_show_labels %}
-      <label for="{{ field.id_for_label }}" class="{% if label_class %}{{ label_class }}{% else %}block text-gray-700 text-sm font-bold mb-2{% endif %}">
+      <label for="{{ field.id_for_label }}" class="{% if label_class %}{{ label_class }}{% else %}block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400{% endif %}">
         {{ field.label|safe }}{% if field.field.required %}<span class="asteriskField">*</span>{% endif %}
       </label>
     {% endif %}
diff --git a/crispy_tailwind/templates/tailwind/layout/radioselect_inline.html b/crispy_tailwind/templates/tailwind/layout/radioselect_inline.html
index 04fda0e..a57bca3 100644
--- a/crispy_tailwind/templates/tailwind/layout/radioselect_inline.html
+++ b/crispy_tailwind/templates/tailwind/layout/radioselect_inline.html
@@ -4,7 +4,7 @@
     <{% if tag %}{{ tag }}{% else %}div{% endif %} id="div_{{ field.auto_id }}" class="{% if wrapper_class %}{{ wrapper_class }} {% endif %}{% if field_class %}{{ field_class }}{% else %}mb-3{% endif %}">
 
     {% if field.label %}
-        <label for="{{ field.id_for_label }}"  class="{% if label_class %}{{ label_class }}{% else %}block text-gray-700 text-sm font-bold mb-2 {% endif %}{% if not inline_class %} col-form-label{% endif %}{% if field.field.required %} requiredField{% endif %}">
+        <label for="{{ field.id_for_label }}"  class="{% if label_class %}{{ label_class }}{% else %}block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400 {% endif %}{% if not inline_class %} col-form-label{% endif %}{% if field.field.required %} requiredField{% endif %}">
             {{ field.label|safe }}{% if field.field.required %}<span class="asteriskField">*</span>{% endif %}
         </label>
     {% endif %}
diff --git a/crispy_tailwind/templatetags/tailwind_filters.py b/crispy_tailwind/templatetags/tailwind_filters.py
index 4412b85..41f4c13 100644
--- a/crispy_tailwind/templatetags/tailwind_filters.py
+++ b/crispy_tailwind/templatetags/tailwind_filters.py
@@ -27,7 +27,7 @@ def uni_form_template(template_pack=TEMPLATE_PACK):
 
 @register.filter(name="crispy")
 def as_crispy_form(
-    form, template_pack=TEMPLATE_PACK, label_class="block text-gray-700 text-sm font-bold mb-2", field_class="mb-3"
+    form, template_pack=TEMPLATE_PACK, label_class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400", field_class="mb-3"
 ):
     """
     The original and still very useful way to generate a div elegant form/formset::
diff --git a/tests/test_crispy_addon.py b/tests/test_crispy_addon.py
index a93d40b..dc2d3b9 100644
--- a/tests/test_crispy_addon.py
+++ b/tests/test_crispy_addon.py
@@ -17,7 +17,7 @@ def test_crispy_addon(self):
         html = template.render(Context({"form": SampleForm()}))
         expected_html = """
         <div id="div_id_last_name" class="mb-3">
-            <label for="id_last_name" class="block text-gray-700 text-sm font-bold mb-2"> last name<span class="asteriskField">*</span> </label>
+            <label for="id_last_name" class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400"> last name<span class="asteriskField">*</span> </label>
             <div class="">
                 <div class="flex">
                     <span class="border-gray-300 border rounded-lg rounded-r-none px-3 bg-gray-200 text-gray-800 flex items-center">$</span>
diff --git a/tests/test_filter.py b/tests/test_filter.py
index 204a034..650fc30 100644
--- a/tests/test_filter.py
+++ b/tests/test_filter.py
@@ -22,20 +22,20 @@ def test_crispy_filter(self):
         self.assertHTMLEqual(
             html,
             """<div id="div_id_is_company" class="mb-3">
-            <label for="id_is_company" class="block text-gray-700 text-sm font-bold mb-2">company</label>
+            <label for="id_is_company" class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400">company</label>
             <input type="checkbox" name="is_company" class="checkboxinput " id="id_is_company"> </div>
 
             <div id="div_id_email" class="mb-3">
-            <label for="id_email" class="block text-gray-700 text-sm font-bold mb-2">email<span class="asteriskField">
+            <label for="id_email" class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400">email<span class="asteriskField">
             *</span> </label>
             <input type="text" name="email" maxlength="30" class="textinput textInput inputtext w-full rounded-lg """
             """border appearance-none py-2 border-gray-300 bg-white text-gray-700 focus:outline-none px-4 block """
             """leading-normal"
             required id="id_email">
-            <small id="hint_id_email" class="text-gray-600">Insert your email</small> </div>
+            <small id="hint_id_email" class="text-gray-600 dark:text-gray-500">Insert your email</small> </div>
 
             <div id="div_id_password1" class="mb-3">
-            <label for="id_password1" class="block text-gray-700 text-sm font-bold mb-2">password<span
+            <label for="id_password1" class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400">password<span
             class="asteriskField">*</span>
             </label>
             <input type="password" name="password1" maxlength="30"
@@ -45,7 +45,7 @@ def test_crispy_filter(self):
             </div>
 
             <div id="div_id_password2" class="mb-3">
-            <label for="id_password2" class="block text-gray-700 text-sm font-bold mb-2">
+            <label for="id_password2" class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400">
             re-enter password<span class="asteriskField">*</span> </label>
             <input type="password" name="password2" maxlength="30"
             class="passwordinput w-full rounded-lg """
@@ -54,7 +54,7 @@ def test_crispy_filter(self):
             required id="id_password2"> </div>
 
             <div id="div_id_first_name" class="mb-3">
-            <label for="id_first_name" class="block text-gray-700 text-sm font-bold mb-2">
+            <label for="id_first_name" class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400">
             first name<span class="asteriskField">*</span> </label>
             <input type="text" name="first_name" maxlength="5" class="textinput textInput inputtext w-full """
             """rounded-lg border appearance-none py-2 border-gray-300 bg-white text-gray-700 focus:outline-none """
@@ -62,7 +62,7 @@ def test_crispy_filter(self):
             """required id="id_first_name"> </div>
 
             <div id="div_id_last_name" class="mb-3">
-            <label for="id_last_name" class="block text-gray-700 text-sm font-bold mb-2">
+            <label for="id_last_name" class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400">
             last name<span class="asteriskField">*</span> </label>
             <input type="text" name="last_name" maxlength="5"
             class="textinput textInput inputtext w-full rounded-lg border appearance-none py-2 border-gray-300 """
@@ -70,7 +70,7 @@ def test_crispy_filter(self):
             """</div>
 
             <div id="div_id_datetime_field" class="mb-3">
-            <label for="id_datetime_field_0" class="block text-gray-700 text-sm font-bold mb-2">
+            <label for="id_datetime_field_0" class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400">
             date time<span class="asteriskField">*</span> </label>
             <input type="text" name="datetime_field_0"
             class="dateinput rounded-lg focus:outline border appearance-none py-2 mr-2 border-gray-300 bg-white """
@@ -80,7 +80,7 @@ def test_crispy_filter(self):
             """leading-normal" required id="id_datetime_field_1"> </div>
 
             <div id="div_id_tos_accepted" class="mb-3">
-            <label for="id_tos_accepted" class="block text-gray-700 text-sm font-bold mb-2">
+            <label for="id_tos_accepted" class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400">
             terms of service<span class="asteriskField">*</span> </label>
             <div class="mb-3">
             <div class="relative">
@@ -131,7 +131,7 @@ def test_formset(self):
 
             <div class="multiField">
                 <div id="div_id_form-0-name" class="mb-3">
-                    <label for="id_form-0-name" class="block text-gray-700 text-sm font-bold mb-2"> Name<span class="asteriskField">*</span> </label>
+                    <label for="id_form-0-name" class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400"> Name<span class="asteriskField">*</span> </label>
                     <input
                         type="text"
                         name="form-0-name"
@@ -144,7 +144,7 @@ def test_formset(self):
 
             <div class="multiField">
                 <div id="div_id_form-1-name" class="mb-3">
-                    <label for="id_form-1-name" class="block text-gray-700 text-sm font-bold mb-2"> Name<span class="asteriskField">*</span> </label>
+                    <label for="id_form-1-name" class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400"> Name<span class="asteriskField">*</span> </label>
                     <input
                         type="text"
                         name="form-1-name"
diff --git a/tests/test_helper.py b/tests/test_helper.py
index addd9ca..6f1a2cd 100644
--- a/tests/test_helper.py
+++ b/tests/test_helper.py
@@ -51,7 +51,7 @@ def test_failing_CharField(self):
         expected_html = """
             <form method="post">
                 <div id="div_id_name" class="mb-3">
-                    <label for="id_name" class="block text-gray-700 text-sm font-bold mb-2"> Name<span class="asteriskField">*</span> </label>
+                    <label for="id_name" class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400"> Name<span class="asteriskField">*</span> </label>
                     <input type="text" name="name" class="textinput textInput inputtext focus:outline-none w-full bg-white border-red-500 px-4 block rounded-lg text-gray-700 appearance-none py-2 leading-normal border" required id="id_name" />
                     <p id="error_1_id_name" class="text-red-500 text-xs italic"><strong>This field is required.</strong></p>
                 </div>
@@ -163,7 +163,7 @@ def test_col_row(self):
             <div class="flex flex-row">
                 <div class="px-2">
                     <div id="div_id_first_name" class="mb-3">
-                        <label for="id_first_name" class="block text-gray-700 text-sm font-bold mb-2"> first name<span class="asteriskField">*</span> </label>
+                        <label for="id_first_name" class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400"> first name<span class="asteriskField">*</span> </label>
                         <input
                             type="text"
                             name="first_name"
@@ -174,7 +174,7 @@ def test_col_row(self):
                         />
                     </div>
                     <div id="div_id_last_name" class="mb-3">
-                        <label for="id_last_name" class="block text-gray-700 text-sm font-bold mb-2"> last name<span class="asteriskField">*</span> </label>
+                        <label for="id_last_name" class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400"> last name<span class="asteriskField">*</span> </label>
                         <input
                             type="text"
                             name="last_name"
@@ -187,7 +187,7 @@ def test_col_row(self):
                 </div>
                 <div class="px-2">
                     <div id="div_id_email" class="mb-3">
-                        <label for="id_email" class="block text-gray-700 text-sm font-bold mb-2"> email<span class="asteriskField">*</span> </label>
+                        <label for="id_email" class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400"> email<span class="asteriskField">*</span> </label>
                         <input
                             type="text"
                             name="email"
@@ -196,7 +196,7 @@ def test_col_row(self):
                             required
                             id="id_email"
                         />
-                        <small id="hint_id_email" class="text-gray-600">Insert your email</small>
+                        <small id="hint_id_email" class="text-gray-600 dark:text-gray-500">Insert your email</small>
                     </div>
                 </div>
             </div>
@@ -211,7 +211,7 @@ def test_inline_radio(self):
         html = render_crispy_form(form)
         expected_html = """
                 <div id="div_id_radio" class="mb-3">
-                    <label for="id_radio_0" class=" block text-gray-700 text-sm font-bold mb-2 requiredField"> Radio<span class="asteriskField">*</span> </label>
+                    <label for="id_radio_0" class=" block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400 requiredField"> Radio<span class="asteriskField">*</span> </label>
                     <div id="div_id_radio" class="flex flex-row">
                         <label for="id_radio_1" class="block text-gray-700 mr-3">
                             <input type="radio" class="" name="radio" id="id_radio_1" value="blue" />
@@ -234,7 +234,7 @@ def test_inline_checkbox(self):
         html = render_crispy_form(form)
         expected_html = """
                 <div id="div_id_checkbox" class="mb-3">
-                    <label for="" class="block text-gray-700 text-sm font-bold mb-2 requiredField"> Checkbox<span class="asteriskField">*</span> </label>
+                    <label for="" class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400 requiredField"> Checkbox<span class="asteriskField">*</span> </label>
                     <div id="div_id_checkbox" class="flex flex-row">
                         <div class="mr-3">
                             <label class="block text-gray-700" for="id_checkbox_1">
@@ -266,7 +266,7 @@ def test_formset(self):
                 <input type="hidden" name="form-MIN_NUM_FORMS" value="0" id="id_form-MIN_NUM_FORMS" /> <input type="hidden" name="form-MAX_NUM_FORMS" value="1000" id="id_form-MAX_NUM_FORMS" />
             </div>
             <div id="div_id_form-0-email" class="mb-3">
-                <label for="id_form-0-email" class="block text-gray-700 text-sm font-bold mb-2"> email<span class="asteriskField">*</span> </label>
+                <label for="id_form-0-email" class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400"> email<span class="asteriskField">*</span> </label>
                 <input
                     type="text"
                     name="form-0-email"
@@ -274,10 +274,10 @@ def test_formset(self):
                     class="textinput textInput inputtext border appearance-none block rounded-lg border-gray-300 px-4 py-2 text-gray-700 w-full leading-normal bg-white focus:outline-none"
                     id="id_form-0-email"
                 />
-                <small id="hint_id_form-0-email" class="text-gray-600">Insert your email</small>
+                <small id="hint_id_form-0-email" class="text-gray-600 dark:text-gray-500">Insert your email</small>
             </div>
             <div id="div_id_form-1-email" class="mb-3">
-                <label for="id_form-1-email" class="block text-gray-700 text-sm font-bold mb-2"> email<span class="asteriskField">*</span> </label>
+                <label for="id_form-1-email" class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400"> email<span class="asteriskField">*</span> </label>
                 <input
                     type="text"
                     name="form-1-email"
@@ -285,7 +285,7 @@ def test_formset(self):
                     class="textinput textInput inputtext border appearance-none block rounded-lg border-gray-300 px-4 py-2 text-gray-700 w-full leading-normal bg-white focus:outline-none"
                     id="id_form-1-email"
                 />
-                <small id="hint_id_form-1-email" class="text-gray-600">Insert your email</small>
+                <small id="hint_id_form-1-email" class="text-gray-600 dark:text-gray-500">Insert your email</small>
             </div>
             """
         self.assertHTMLEqual(html, expected_html)
@@ -323,7 +323,7 @@ def test_formset_with_errors(self):
                 </div>
             </div>
             <div id="div_id_name-0-name" class="mb-3">
-                <label for="id_name-0-name" class="block text-gray-700 text-sm font-bold mb-2"> Name<span class="asteriskField">*</span> </label>
+                <label for="id_name-0-name" class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400"> Name<span class="asteriskField">*</span> </label>
                 <input
                     type="text"
                     name="name-0-name"
@@ -335,7 +335,7 @@ def test_formset_with_errors(self):
                 <p id="error_1_id_name-0-name" class="text-red-500 text-xs italic"><strong>Ensure this value has at most 3 characters (it has 4).</strong></p>
             </div>
             <div id="div_id_name-1-name" class="mb-3">
-                <label for="id_name-1-name" class="block text-gray-700 text-sm font-bold mb-2"> Name<span class="asteriskField">*</span> </label>
+                <label for="id_name-1-name" class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400"> Name<span class="asteriskField">*</span> </label>
                 <input
                     type="text"
                     name="name-1-name"
@@ -345,7 +345,7 @@ def test_formset_with_errors(self):
                 />
             </div>
             <div id="div_id_name-2-name" class="mb-3">
-                <label for="id_name-2-name" class="block text-gray-700 text-sm font-bold mb-2"> Name<span class="asteriskField">*</span> </label>
+                <label for="id_name-2-name" class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400"> Name<span class="asteriskField">*</span> </label>
                 <input
                     type="text"
                     name="name-2-name"
@@ -371,7 +371,7 @@ def test_formset_with_form_tag(self):
                     <input type="hidden" name="form-MIN_NUM_FORMS" value="0" id="id_form-MIN_NUM_FORMS" /> <input type="hidden" name="form-MAX_NUM_FORMS" value="1000" id="id_form-MAX_NUM_FORMS" />
                 </div>
                 <div id="div_id_form-0-email" class="mb-3">
-                    <label for="id_form-0-email" class="block text-gray-700 text-sm font-bold mb-2"> email<span class="asteriskField">*</span> </label>
+                    <label for="id_form-0-email" class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400"> email<span class="asteriskField">*</span> </label>
                     <input
                         type="text"
                         name="form-0-email"
@@ -379,10 +379,10 @@ def test_formset_with_form_tag(self):
                         class="textinput textInput inputtext border border-gray-300 py-2 px-4 block rounded-lg appearance-none w-full leading-normal bg-white text-gray-700 focus:outline-none"
                         id="id_form-0-email"
                     />
-                    <small id="hint_id_form-0-email" class="text-gray-600">Insert your email</small>
+                    <small id="hint_id_form-0-email" class="text-gray-600 dark:text-gray-500">Insert your email</small>
                 </div>
                 <div id="div_id_form-1-email" class="mb-3">
-                    <label for="id_form-1-email" class="block text-gray-700 text-sm font-bold mb-2"> email<span class="asteriskField">*</span> </label>
+                    <label for="id_form-1-email" class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400"> email<span class="asteriskField">*</span> </label>
                     <input
                         type="text"
                         name="form-1-email"
@@ -390,7 +390,7 @@ def test_formset_with_form_tag(self):
                         class="textinput textInput inputtext border border-gray-300 py-2 px-4 block rounded-lg appearance-none w-full leading-normal bg-white text-gray-700 focus:outline-none"
                         id="id_form-1-email"
                     />
-                    <small id="hint_id_form-1-email" class="text-gray-600">Insert your email</small>
+                    <small id="hint_id_form-1-email" class="text-gray-600 dark:text-gray-500">Insert your email</small>
                 </div>
             </form>
             """
@@ -438,7 +438,7 @@ def test_div(self):
         expected_html = """
             <div class="test class">
                 <div id="div_id_email" class="mb-3">
-                    <label for="id_email" class="block text-gray-700 text-sm font-bold mb-2"> email<span class="asteriskField">*</span> </label>
+                    <label for="id_email" class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400"> email<span class="asteriskField">*</span> </label>
                     <input
                         type="text"
                         name="email"
@@ -447,7 +447,7 @@ def test_div(self):
                         required
                         id="id_email"
                     />
-                    <small id="hint_id_email" class="text-gray-600">Insert your email</small>
+                    <small id="hint_id_email" class="text-gray-600 dark:text-gray-500">Insert your email</small>
                 </div>
             </div>
             """
@@ -487,13 +487,13 @@ def test_fieldset(self):
             <fieldset>
                 <legend class="block text-gray-700 font-bold mb-2">Text for the legend</legend>
                 <div id="div_id_is_company" class="mb-3">
-                    <label for="id_is_company" class="block text-gray-700 text-sm font-bold mb-2">
+                    <label for="id_is_company" class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400">
                         company
                     </label>
                     <input type="checkbox" name="is_company" class=" checkboxinput" id="id_is_company" />
                 </div>
                 <div id="div_id_email" class="mb-3">
-                    <label for="id_email" class="block text-gray-700 text-sm font-bold mb-2"> email<span class="asteriskField">*</span> </label>
+                    <label for="id_email" class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400"> email<span class="asteriskField">*</span> </label>
                     <input
                         type="text"
                         name="email"
@@ -502,7 +502,7 @@ def test_fieldset(self):
                         required
                         id="id_email"
                     />
-                    <small id="hint_id_email" class="text-gray-600">Insert your email</small>
+                    <small id="hint_id_email" class="text-gray-600 dark:text-gray-500">Insert your email</small>
                 </div>
             </fieldset>
             """
@@ -527,7 +527,7 @@ def test_non_form_errors(self):
             </div>
         </div>
         <div id="div_id_password1" class="mb-3">
-            <label for="id_password1" class="block text-gray-700 text-sm font-bold mb-2"> password<span class="asteriskField">*</span> </label>
+            <label for="id_password1" class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400"> password<span class="asteriskField">*</span> </label>
             <input
                 type="password"
                 name="password1"
@@ -539,7 +539,7 @@ def test_non_form_errors(self):
             <p id="error_1_id_password1" class="text-red-500 text-xs italic"><strong>This field is required.</strong></p>
         </div>
         <div id="div_id_password2" class="mb-3">
-            <label for="id_password2" class="block text-gray-700 text-sm font-bold mb-2"> re-enter password<span class="asteriskField">*</span> </label>
+            <label for="id_password2" class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400"> re-enter password<span class="asteriskField">*</span> </label>
             <input
                 type="password"
                 name="password2"
@@ -560,7 +560,7 @@ def test_select(self):
         html = render_crispy_form(form)
         expected_html = """
         <div id="div_id_tos_accepted" class="mb-3">
-            <label for="id_tos_accepted" class="block text-gray-700 text-sm font-bold mb-2"> terms of service<span class="asteriskField">*</span> </label>
+            <label for="id_tos_accepted" class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400"> terms of service<span class="asteriskField">*</span> </label>
             <div class="mb-3">
                 <div class="relative">
                     <select class="bg-white focus:outline-none border border-gray-300 rounded-lg py-2 px-4 block w-full appearance-none leading-normal text-gray-700" name="tos_accepted">
diff --git a/tests/test_prepended_appended.py b/tests/test_prepended_appended.py
index 47974a6..06f55de 100644
--- a/tests/test_prepended_appended.py
+++ b/tests/test_prepended_appended.py
@@ -27,7 +27,7 @@ def test_prepended_text(self):
         html = render_crispy_form(form)
         expected_html = """
             <div id="div_id_first_name" class="mb-3">
-                <label for="id_first_name" class="block text-gray-700 text-sm font-bold mb-2"> first name<span class="asteriskField">*</span> </label>
+                <label for="id_first_name" class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400"> first name<span class="asteriskField">*</span> </label>
                 <div class="">
                     <div class="flex">
                         <span class="border rounded-lg border-gray-300 rounded-r-none px-3 bg-gray-200 text-gray-800 flex items-center">@</span>
@@ -53,7 +53,7 @@ def test_prepended_long_text(self):
         html = render_crispy_form(form)
         expected_html = """
             <div id="div_id_first_name" class="mb-3">
-                <label for="id_first_name" class="block text-gray-700 text-sm font-bold mb-2"> first name<span class="asteriskField">*</span> </label>
+                <label for="id_first_name" class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400"> first name<span class="asteriskField">*</span> </label>
                 <div class="">
                     <div class="flex">
                         <span class="border rounded-lg border-gray-300 rounded-r-none px-3 bg-gray-200 text-gray-800 flex items-center">http://www.</span>
@@ -79,7 +79,7 @@ def test_appended_text(self):
         html = render_crispy_form(form)
         expected_html = """
             <div id="div_id_first_name" class="mb-3">
-                <label for="id_first_name" class="block text-gray-700 text-sm font-bold mb-2"> first name<span class="asteriskField">*</span> </label>
+                <label for="id_first_name" class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400"> first name<span class="asteriskField">*</span> </label>
                 <div class="">
                     <div class="flex">
                         <input
@@ -105,7 +105,7 @@ def test_prepended_and_appended_text(self):
         html = render_crispy_form(form)
         expected_html = """
             <div id="div_id_first_name" class="mb-3">
-                <label for="id_first_name" class="block text-gray-700 text-sm font-bold mb-2"> first name<span class="asteriskField">*</span> </label>
+                <label for="id_first_name" class="block text-gray-700 text-sm font-bold mb-2 dark:text-gray-400"> first name<span class="asteriskField">*</span> </label>
                 <div class="">
                     <div class="flex">
                         <span class="border rounded-lg border-gray-300 rounded-r-none px-3 bg-gray-200 text-gray-800 flex items-center">www.</span>
@@ -165,7 +165,7 @@ def test_prepended_with_help(self):
                         />
                     </div>
                 </div>
-                <small id="hint_id_email" class="text-gray-600">Insert your email</small>
+                <small id="hint_id_email" class="text-gray-600 dark:text-gray-500">Insert your email</small>
             </div>
             """
         self.assertHTMLEqual(html, expected_html)
diff --git a/tests/test_table_inline_formset.py b/tests/test_table_inline_formset.py
index 9968dcc..41e770c 100644
--- a/tests/test_table_inline_formset.py
+++ b/tests/test_table_inline_formset.py
@@ -51,7 +51,7 @@ def test_table_inline_formset(self):
                             class="textinput textInput inputtext w-full border border-gray-300 focus:outline-none text-gray-700 px-4 bg-white leading-normal rounded-lg block py-2 appearance-none"
                             id="id_form-0-email"
                         />
-                        <small id="hint_id_form-0-email" class="text-gray-600">Insert your email</small>
+                        <small id="hint_id_form-0-email" class="text-gray-600 dark:text-gray-500">Insert your email</small>
                     </td>
                     <td id="div_id_form-0-password1" class="border px-4 py-2">
                         <input
@@ -127,7 +127,7 @@ def test_table_inline_formset(self):
                             class="textinput textInput inputtext w-full border border-gray-300 focus:outline-none text-gray-700 px-4 bg-white leading-normal rounded-lg block py-2 appearance-none"
                             id="id_form-1-email"
                         />
-                        <small id="hint_id_form-1-email" class="text-gray-600">Insert your email</small>
+                        <small id="hint_id_form-1-email" class="text-gray-600 dark:text-gray-500">Insert your email</small>
                     </td>
                     <td id="div_id_form-1-password1" class="border px-4 py-2">
                         <input