django-unfold 0.42.0__py3-none-any.whl → 0.44.0__py3-none-any.whl

unfold/contrib/guardian/templates/admin/guardian/model/obj_perms_manage.html

@@ -29,7 +29,7 @@
 {% block content %}
     {% include "unfold/guardian/user_form.html" %}
 
-    <hr class="my-12 dark:border-gray-800"/>
+    <hr class="my-12 dark:border-base-800"/>
 
     {% include "unfold/guardian/group_form.html" %}
 {% endblock %}

unfold/contrib/guardian/templates/admin/guardian/model/obj_perms_manage_group.html

@@ -32,7 +32,7 @@
 {% endif %}{% endblock %}
 
 {% block content %}
-    <div class="border border-gray-200 overflow-hidden rounded-md p-3 shadow-sm dark:border-gray-800">
+    <div class="border border-base-200 overflow-hidden rounded p-3 shadow-sm dark:border-base-800">
         <form method="post">
             {% csrf_token %}
 
@@ -44,7 +44,7 @@
 
             {% include "unfold/helpers/field.html" with field=form.permissions %}
 
-            <div class="bg-gray-50 border-t flex flex-row -m-3 p-3 dark:bg-white/[.02] dark:border-gray-800">
+            <div class="bg-base-50 border-t flex flex-row -m-3 p-3 dark:bg-white/[.02] dark:border-base-800">
                 <div class="ml-auto">
                     {% trans "Save" as title %}
                     {% include "unfold/helpers/submit.html" with title=title %}

unfold/contrib/guardian/templates/admin/guardian/model/obj_perms_manage_user.html

@@ -33,7 +33,7 @@
 {% endif %}{% endblock %}
 
 {% block content %}
-    <div class="border border-gray-200 overflow-hidden rounded-md p-3 shadow-sm dark:border-gray-800">
+    <div class="border border-base-200 overflow-hidden rounded p-3 shadow-sm dark:border-base-800">
         <form method="post">
             {% csrf_token %}
 
@@ -45,7 +45,7 @@
 
             {% include "unfold/helpers/field.html" with field=form.permissions %}
 
-            <div class="bg-gray-50 border-t flex flex-row -m-3 p-3 dark:bg-white/[.02] dark:border-gray-800">
+            <div class="bg-base-50 border-t flex flex-row -m-3 p-3 dark:bg-white/[.02] dark:border-base-800">
                 <div class="ml-auto">
                     {% trans "Save" as title %}
                     {% include "unfold/helpers/submit.html" with title=title %}

unfold/contrib/guardian/templates/unfold/guardian/group_form.html

@@ -8,7 +8,7 @@
     </h2>
 
     {% if groups_perms.items %}
-        <table id="group-permissions" class="border-gray-200 border-spacing-none border-separate mb-6 w-full lg:border lg:rounded-md lg:shadow-sm lg:dark:border-gray-800">
+        <table id="group-permissions" class="border-base-200 border-spacing-none border-separate mb-6 w-full lg:border lg:rounded lg:shadow-sm lg:dark:border-base-800">
             <thead class="hidden lg:table-header-group text-font-important-light dark:text-font-important-dark">
                 <tr>
                     <th class="align-middle font-semibold px-3 py-2 text-left">
@@ -29,15 +29,15 @@
 
             <tbody>
                 {% for group, group_perms in groups_perms.items %}
-                    <tr class="block border mb-3 rounded-md shadow-sm lg:table-row lg:border-none lg:mb-0 lg:shadow-none dark:border-gray-800">
-                        <th class="align-middle flex border-t border-gray-200 font-normal px-3 py-2 text-left  before:flex before:capitalize before:content-[attr(data-label)] before:items-center before:mr-auto first:border-t-0  lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-gray-800" data-label="{% trans "User" %}">
+                    <tr class="block border mb-3 rounded shadow-sm lg:table-row lg:border-none lg:mb-0 lg:shadow-none dark:border-base-800">
+                        <th class="align-middle flex border-t border-base-200 font-normal px-3 py-2 text-left  before:flex before:capitalize before:content-[attr(data-label)] before:items-center before:mr-auto first:border-t-0  lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-base-800" data-label="{% trans "User" %}">
                             <span>
                                 {{ group }}
                             </span>
                         </th>
 
                         {% for perm in model_perms %}
-                            <td class="align-middle flex border-t border-gray-200 font-normal px-3 py-2 text-left  before:flex before:capitalize before:content-[attr(data-label)] before:items-center before:mr-auto first:border-t-0  lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-gray-800" data-label="{{ perm.name }}">
+                            <td class="align-middle flex border-t border-base-200 font-normal px-3 py-2 text-left  before:flex before:capitalize before:content-[attr(data-label)] before:items-center before:mr-auto first:border-t-0  lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-base-800" data-label="{{ perm.name }}">
                                 {% if perm.codename in group_perms %}
                                     {% include "unfold/helpers/boolean.html" with value=True %}
                                 {% else %}
@@ -46,8 +46,8 @@
                             </td>
                         {% endfor %}
 
-                        <td class="align-middle flex border-t border-gray-200 font-normal px-3 py-2 text-right  before:flex before:capitalize before:content-[attr(data-label)] before:items-center before:mr-auto first:border-t-0  lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-gray-800" data-label="{% trans "Action" %}">
-                            <a href="group-manage/{{ group.id|safe }}/" class="hover:text-gray-700 dark:hover:text-white">
+                        <td class="align-middle flex border-t border-base-200 font-normal px-3 py-2 text-right  before:flex before:capitalize before:content-[attr(data-label)] before:items-center before:mr-auto first:border-t-0  lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-base-800" data-label="{% trans "Action" %}">
+                            <a href="group-manage/{{ group.id|safe }}/" class="hover:text-base-700 dark:hover:text-white">
                                 {% trans "Edit" %}
                             </a>
                         </td>
@@ -57,12 +57,12 @@
         </table>
     {% endif %}
 
-    <div class="border border-gray-200 overflow-hidden rounded-md p-3 shadow-sm dark:border-gray-800">
+    <div class="border border-base-200 overflow-hidden rounded p-3 shadow-sm dark:border-base-800">
         {% for field in group_form %}
             {% include "admin/guardian/model/field.html" %}
         {% endfor %}
 
-        <div class="bg-gray-50 border-t flex flex-row -m-3 p-3 dark:bg-white/[.02] dark:border-gray-800">
+        <div class="bg-base-50 border-t flex flex-row -m-3 p-3 dark:bg-white/[.02] dark:border-base-800">
             <div class="ml-auto">
                 {% trans "Manage group" as title %}
                 {% include "unfold/helpers/submit.html" with title=title name="submit_manage_group" %}

unfold/contrib/guardian/templates/unfold/guardian/user_form.html

@@ -8,7 +8,7 @@
     </h2>
 
     {% if users_perms.items %}
-        <table id="user-permissions" class="border-gray-200 border-spacing-none border-separate mb-6 w-full lg:border lg:rounded-md lg:shadow-sm lg:dark:border-gray-800">
+        <table id="user-permissions" class="border-base-200 border-spacing-none border-separate mb-6 w-full lg:border lg:rounded lg:shadow-sm lg:dark:border-base-800">
             <thead class="hidden lg:table-header-group text-font-important-light dark:text-font-important-dark">
                 <tr>
                     <th class="align-middle font-semibold px-3 py-2 text-left">
@@ -29,15 +29,15 @@
 
             <tbody>
                 {% for user, user_perms in users_perms.items %}
-                    <tr class="block border mb-3 rounded-md shadow-sm lg:table-row lg:border-none lg:mb-0 lg:shadow-none dark:border-gray-800">
-                        <th class="align-middle flex border-t border-gray-200 font-normal px-3 py-2 text-left  before:flex before:capitalize before:content-[attr(data-label)] before:items-center before:mr-auto  first:border-t-0  lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-gray-800" data-label="{% trans "User" %}">
+                    <tr class="block border mb-3 rounded shadow-sm lg:table-row lg:border-none lg:mb-0 lg:shadow-none dark:border-base-800">
+                        <th class="align-middle flex border-t border-base-200 font-normal px-3 py-2 text-left  before:flex before:capitalize before:content-[attr(data-label)] before:items-center before:mr-auto  first:border-t-0  lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-base-800" data-label="{% trans "User" %}">
                             <span>
                                 {{ user }}
                             </span>
                         </th>
 
                         {% for perm in model_perms %}
-                            <td class="align-middle flex border-t border-gray-200 font-normal px-3 py-2 text-left  before:flex before:capitalize before:content-[attr(data-label)] before:items-center before:mr-auto  first:border-t-0  lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-gray-800" data-label="{{ perm.name }}">
+                            <td class="align-middle flex border-t border-base-200 font-normal px-3 py-2 text-left  before:flex before:capitalize before:content-[attr(data-label)] before:items-center before:mr-auto  first:border-t-0  lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-base-800" data-label="{{ perm.name }}">
                                 {% if perm.codename in user_perms %}
                                     {% include "unfold/helpers/boolean.html" with value=True %}
                                 {% else %}
@@ -46,8 +46,8 @@
                             </td>
                         {% endfor %}
 
-                        <td class="align-middle flex border-t border-gray-200 font-normal px-3 py-2 text-right  before:flex before:capitalize before:content-[attr(data-label)] before:items-center before:mr-auto  first:border-t-0  lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-gray-800" data-label="{% trans "Action" %}">
-                            <a href="user-manage/{{ user.id|safe }}/" class="hover:text-gray-700 dark:hover:text-white">
+                        <td class="align-middle flex border-t border-base-200 font-normal px-3 py-2 text-right  before:flex before:capitalize before:content-[attr(data-label)] before:items-center before:mr-auto  first:border-t-0  lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-base-800" data-label="{% trans "Action" %}">
+                            <a href="user-manage/{{ user.id|safe }}/" class="hover:text-base-700 dark:hover:text-white">
                                 {% trans "Edit" %}
                             </a>
                         </td>
@@ -57,12 +57,12 @@
         </table>
     {% endif %}
 
-    <div class="border border-gray-200 overflow-hidden rounded-md p-3 shadow-sm dark:border-gray-800">
+    <div class="border border-base-200 overflow-hidden rounded p-3 shadow-sm dark:border-base-800">
         {% for field in user_form %}
             {% include "admin/guardian/model/field.html" %}
         {% endfor %}
 
-        <div class="bg-gray-50 border-t flex flex-row -m-3 p-3 dark:bg-white/[.02] dark:border-gray-800">
+        <div class="bg-base-50 border-t flex flex-row -m-3 p-3 dark:bg-white/[.02] dark:border-base-800">
             <div class="ml-auto">
                 {% trans "Manage user" as title %}
                 {% include "unfold/helpers/submit.html" with title=title name="submit_manage_user" %}

unfold/contrib/import_export/templates/admin/import_export/change_form.html

@@ -5,6 +5,6 @@
     {{ block.super }}
 
     {% if show_change_form_export %}
-        <input type="submit" value="{% translate 'Export' %}" name="_export-item" class="bg-white text-gray-500 border cursor-pointer flex font-medium items-center px-3 py-2 mr-3 rounded-md shadow-sm text-sm dark:bg-gray-900 dark:border dark:border-gray-700 dark:text-font-default-dark">
+        <input type="submit" value="{% translate 'Export' %}" name="_export-item" class="bg-white text-base-500 border cursor-pointer flex font-medium items-center px-3 py-2 mr-3 rounded shadow-sm text-sm dark:bg-base-900 dark:border dark:border-base-700 dark:text-font-default-dark">
     {% endif %}
 {% endblock %}

unfold/contrib/import_export/templates/admin/import_export/export.html

@@ -37,7 +37,7 @@
         {% csrf_token %}
 
         {% if form.initial.export_items %}
-            <p class="bg-blue-50 mb-4 text-blue-500 px-3 py-3 rounded-md text-sm dark:bg-blue-500/20 dark:border-blue-500/10">
+            <p class="bg-blue-50 mb-4 text-blue-500 px-3 py-3 rounded text-sm dark:bg-blue-500/20 dark:border-blue-500/10">
                 {% blocktranslate count len=form.initial.export_items|length %}
                     Export {{ len }} selected item.
                 {% plural %}
@@ -52,11 +52,11 @@
 
         {{ form.non_field_errors }}
 
-        <fieldset class="border border-gray-200 mb-4 rounded-md pt-3 px-3 shadow-sm dark:border-gray-800">
+        <fieldset class="border border-base-200 mb-4 rounded pt-3 px-3 shadow-sm dark:border-base-800">
             {% for field in form.visible_fields %}
                 <div {% if field.field.is_selectable_field %}class="selectable-field-export-row" resource-index="{{ field.field.resource_index }}"{% endif %}>
                     {% if field.field.initial_field %}
-                        <p class="block font-medium mb-2 text-gray-900 text-sm dark:text-gray-200">
+                        <p class="block font-medium mb-2 text-base-900 text-sm dark:text-base-200">
                             {% trans "This exporter will export the following fields" %}
                         </p>
                     {% endif %}
@@ -75,7 +75,7 @@
             {% endfor %}
         </fieldset>
 
-        <button type="submit" class="bg-primary-600 border border-transparent font-medium px-3 py-2 rounded-md text-sm text-white">
+        <button type="submit" class="bg-primary-600 border border-transparent font-medium px-3 py-2 rounded text-sm text-white">
             {% translate 'Submit' %}
         </button>
     </form>

unfold/contrib/import_export/templates/admin/import_export/import_confirm.html

@@ -1,17 +1,17 @@
 {% load admin_urls i18n import_export_tags %}
 
 {% block confirm_import_form %}
-    <form action="{% url opts|admin_urlname:"process_import" %}" method="post" class="border border-gray-200 mb-8 rounded-md shadow-sm dark:border-gray-800">
+    <form action="{% url opts|admin_urlname:"process_import" %}" method="post" class="border border-base-200 mb-8 rounded shadow-sm dark:border-base-800">
         {% csrf_token %}
 
         {{ confirm_form.as_p }}
 
-        <p class="font-semibold p-4 text-sm text-gray-900 dark:text-gray-100">
+        <p class="font-semibold p-4 text-sm text-base-900 dark:text-base-100">
             {% trans "Below is a preview of data to be imported. If you are satisfied with the results, click 'Confirm import'" %}
         </p>
 
-        <div class="border-t border-gray-200 flex flex-row px-4 py-3 dark:border-gray-800">
-            <button type="submit" class="bg-primary-600 border border-transparent font-medium ml-auto px-3 py-2 rounded-md text-sm text-white">
+        <div class="border-t border-base-200 flex flex-row px-4 py-3 dark:border-base-800">
+            <button type="submit" class="bg-primary-600 border border-transparent font-medium ml-auto px-3 py-2 rounded text-sm text-white">
                 {% translate 'Confirm import' %}
             </button>
         </div>

unfold/contrib/import_export/templates/admin/import_export/import_errors.html

@@ -1,7 +1,7 @@
 {% load i18n %}
 
 {% block errors %}
-    <hr class="dark:border-gray-800 my-8">
+    <hr class="dark:border-base-800 my-8">
 
     <ul>
         {% for error in result.base_errors  %}
@@ -26,7 +26,7 @@
                         </div>
                     </div>
 
-                    <div class="block border leading-relaxed mb-4 rounded p-4 traceback dark:border-gray-800 dark:text-font-default-dark " x-show="open">
+                    <div class="block border border-base-200 leading-relaxed mb-4 rounded p-4 traceback dark:border-base-800 dark:text-font-default-dark " x-show="open">
                         {{ error.traceback|linebreaks }}
                     </div>
                 </li>

unfold/contrib/import_export/templates/admin/import_export/import_form.html

@@ -6,7 +6,7 @@
 
         {% include "admin/import_export/resource_fields_list.html" with import_or_export="import" %}
 
-        <fieldset class="border border-gray-200 mb-8 rounded-md pt-3 px-3 shadow-sm dark:border-gray-800">
+        <fieldset class="border border-base-200 mb-8 rounded pt-3 px-3 shadow-sm dark:border-base-800">
             {% for field in form %}
                 {% if field.field.widget.attrs.readonly %}
                     {% include "unfold/helpers/field_readonly.html" with title=field.label value=field.field.value %}
@@ -17,7 +17,7 @@
             {% endfor %}
         </fieldset>
 
-        <button type="submit" class="bg-primary-600 border border-transparent font-medium px-3 py-2 rounded-md text-sm text-white">
+        <button type="submit" class="bg-primary-600 border border-transparent font-medium px-3 py-2 rounded text-sm text-white">
             {% translate 'Submit' %}
         </button>
     </form>

unfold/contrib/import_export/templates/admin/import_export/import_preview.html

@@ -1,8 +1,8 @@
 {% load admin_urls i18n import_export_tags unfold %}
 
 {% block preview %}
-    <table class="border-gray-200 border-spacing-none border-separate w-full lg:border lg:rounded-md lg:shadow-sm lg:dark:border-gray-800">
-        <thead class="hidden lg:table-header-group text-gray-900 dark:text-gray-100">
+    <table class="border-base-200 border-spacing-none border-separate w-full lg:border lg:rounded lg:shadow-sm lg:dark:border-base-800">
+        <thead class="hidden lg:table-header-group text-base-900 dark:text-base-100">
             <tr>
                 <th class="align-middle capitalize font-semibold px-3 py-2 text-left"></th>
 
@@ -16,8 +16,8 @@
 
         <tbody>
             {% for row in result.valid_rows %}
-                <tr class="{{ row.import_type }} {% cycle '' 'bg-gray-50 dark:bg-white/[.02]' %} block border mb-3 rounded-md shadow-sm lg:table-row lg:border-none lg:mb-0 lg:shadow-none dark:border-gray-800">
-                    <td class="align-middle flex border-t border-gray-200 font-normal px-3 py-2 text-left before:block before:capitalize before:content-[attr(data-label)] before:mr-auto lg:before:hidden lg:py-3 lg:table-cell dark:border-gray-800">
+                <tr class="{{ row.import_type }} {% cycle '' 'bg-base-50 dark:bg-white/[.02]' %} block border mb-3 rounded shadow-sm lg:table-row lg:border-none lg:mb-0 lg:shadow-none dark:border-base-800">
+                    <td class="align-middle flex border-t border-base-200 font-normal px-3 py-2 text-left before:block before:capitalize before:content-[attr(data-label)] before:mr-auto lg:before:hidden lg:py-3 lg:table-cell dark:border-base-800">
                         {% if row.import_type == 'new' %}
                             {% trans "New" %}
                         {% elif row.import_type == 'skip' %}
@@ -30,7 +30,7 @@
                     </td>
 
                     {% for field in row.diff %}
-                        <td data-label="{{ result.diff_headers|index:forloop.counter0 }}" class="align-middle flex border-t border-gray-200 font-normal px-3 py-2 text-left before:block before:capitalize before:content-[attr(data-label)] before:mr-auto lg:before:hidden lg:py-3 lg:table-cell dark:border-gray-800">
+                        <td data-label="{{ result.diff_headers|index:forloop.counter0 }}" class="align-middle flex border-t border-base-200 font-normal px-3 py-2 text-left before:block before:capitalize before:content-[attr(data-label)] before:mr-auto lg:before:hidden lg:py-3 lg:table-cell dark:border-base-800">
                             {{ field }}
                         </td>
                     {% endfor %}

unfold/contrib/import_export/templates/admin/import_export/import_validation.html

@@ -1,22 +1,22 @@
 {% load i18n unfold %}
 
 {% block validation_errors %}
-    <div class="bg-red-50 border border-red-200 mb-4 mt-8 rounded shadow-sm text-red-500 text-sm dark:bg-red-500/20 dark:border-red-500/20">
-        <div class="border-b border-red-200 flex flex-row py-3 px-4 dark:border-red-500/20">
-            <h2 class="font-medium">
-                {% trans "Some rows failed to validate" %}
-            </h2>
-        </div>
+    {% capture as import_error silent %}
+        <span class="block font-semibold mb-2">
+            {% trans "Some rows failed to validate" %}
+        </span>
 
-        <div class="px-4 py-3">
-            <p>
-                {% trans "Please correct these errors in your data where possible, then reupload it using the form above." %}
-            </p>
-        </div>
+        <span class="block">
+            {% trans "Please correct these errors in your data where possible, then reupload it using the form above." %}
+        </span>
+    {% endcapture %}
+
+    <div class="mt-8">
+        {% include "unfold/helpers/messages/error.html" with error=import_error %}
     </div>
 
-    <table class="border-gray-200 border-spacing-none border-separate w-full lg:border lg:rounded-md lg:shadow-sm lg:dark:border-gray-800">
-        <thead class="hidden lg:table-header-group font-semibold text-gray-900 dark:text-gray-100">
+    <table class="import-preview border-base-200 border-spacing-none border-separate w-full lg:border lg:rounded lg:shadow-sm lg:dark:border-base-800">
+        <thead class="hidden lg:table-header-group font-semibold text-base-900 dark:text-base-100">
             <tr>
                 <th class="align-middle capitalize px-3 py-2 text-left">
                     {% trans "Row" %}
@@ -36,24 +36,29 @@
 
         <tbody>
             {% for row in result.invalid_rows %}
-                <tr class="{% cycle '' 'bg-gray-50 dark:bg-white/[.02]' %} block border mb-3 rounded-md shadow-sm lg:table-row lg:border-none lg:mb-0 lg:shadow-none dark:border-gray-800">
-                    <td data-label="{% trans "Row" %}" class="align-middle flex border-t border-gray-200 font-normal px-3 py-2 text-left before:block before:capitalize before:content-[attr(data-label)] before:mr-auto lg:before:hidden lg:py-3 lg:table-cell dark:border-gray-800">
+                <tr class="{% cycle '' 'bg-base-50 dark:bg-white/[.02]' %} block border border-base-200 mb-3 rounded shadow-sm lg:table-row lg:border-none lg:mb-0 lg:shadow-none dark:border-base-800">
+                    <td data-label="{% trans "Row" %}" class="align-middle flex border-t border-base-200 font-normal px-3 py-2 text-left before:block before:capitalize before:content-[attr(data-label)] before:mr-auto lg:before:hidden lg:py-3 lg:table-cell dark:border-base-800">
                         {{ row.number }}
                     </td>
 
-                    <td data-label="{% trans "Errors" %}" class="align-middle flex border-t border-gray-200 font-normal px-3 py-2 text-left before:block before:capitalize before:content-[attr(data-label)] before:mr-auto lg:before:hidden lg:py-3 lg:table-cell dark:border-gray-800">
-                        <div>
-                            <span class="bg-red-600 font-semibold ml-2 px-1 rounded-sm text-xs text-white">{{ row.error_count }}</span>
-                        </div>
+                    <td data-label="{% trans "Errors" %}" class="errors align-middle flex border-t border-base-200 font-normal px-3 py-2 text-left before:block before:capitalize before:content-[attr(data-label)] before:mr-auto lg:before:hidden lg:py-3 lg:table-cell dark:border-base-800">
+                        <span class="validation-error-count bg-red-600 font-semibold ml-2 px-1 rounded text-xs text-white">{{ row.error_count }}</span>
 
-                        <div class="validation-error-container">
+                        <div class="validation-error-container rounded !bg-white border border-base-200 left-12 !m-0 !p-0 !top-3 dark:!bg-base-800 dark:!border-base-700 min-w-72">
                             <ul class="validation-error-list">
                                 {% for field_name, error_list in row.field_specific_errors.items %}
-                                    <li>
-                                        <span class="validation-error-field-label">{{ field_name }}</span>
-                                        <ul>
+                                    <li class="p-3">
+                                        <span class="validation-error-field-label !border-0 font-semibold mb-1 !text-font-important-light dark:!text-font-important-dark">
+                                            {{ field_name }}
+                                        </span>
+
+                                        <ul class="text-xs !m-0">
                                             {% for error in error_list %}
-                                                <li>{{ error }}</li>
+                                                <li class="!m-0">
+                                                    <p class="leading-normal">
+                                                        {{ error }}
+                                                    </p>
+                                                </li>
                                             {% endfor %}
                                         </ul>
                                     </li>
@@ -77,7 +82,7 @@
                     </td>
 
                     {% for field in row.values %}
-                        <td data-label="{{ result.diff_headers|index:forloop.counter0 }}" class="align-middle flex border-t border-gray-200 font-normal px-3 py-2 text-left text-sm before:block before:capitalize before:content-[attr(data-label)] before:mr-auto lg:before:hidden lg:py-3 lg:table-cell dark:border-gray-800">
+                        <td data-label="{{ result.diff_headers|index:forloop.counter0 }}" class="align-middle flex border-t border-base-200 font-normal px-3 py-2 text-left text-sm before:block before:capitalize before:content-[attr(data-label)] before:mr-auto lg:before:hidden lg:py-3 lg:table-cell dark:border-base-800">
                             {{ field }}
                         </td>
                     {% endfor %}

unfold/contrib/import_export/templates/admin/import_export/resource_fields_list.html

@@ -1,7 +1,7 @@
-{% load i18n %}
+{% load unfold i18n %}
 
 {% block fields_help %}
-    <div class="bg-blue-50 mb-4 text-blue-500 px-3 py-3 rounded-md text-sm dark:bg-blue-500/20 dark:border-blue-500/10">
+    {% capture as fields_help silent %}
         {% if import_or_export == "export" %}
             {% trans "This exporter will export the following fields: " %}
         {% elif import_or_export == "import" %}
@@ -20,5 +20,7 @@
                 {% endfor %}
             </dl>
         {% endif %}
-    </div>
+    {% endcapture %}
+
+    {% include "unfold/helpers/messages/info.html" with message=fields_help %}
 {% endblock %}

unfold/contrib/simple_history/templates/simple_history/object_history.html

@@ -4,7 +4,7 @@
 
 {% block content %}
     {% if not revert_disabled %}
-        <p class="px-3 py-3 rounded-md text-sm last:mb-8 mb-8 bg-blue-100 text-blue-700 dark:bg-blue-500/20 dark:text-blue-400">
+        <p class="px-3 py-3 rounded text-sm last:mb-8 mb-8 bg-blue-100 text-blue-700 dark:bg-blue-500/20 dark:text-blue-400">
             {% blocktrans %}Choose a date from the list below to revert to a previous version of this object.{% endblocktrans %}
         </p>
     {% endif %}
@@ -12,7 +12,7 @@
     {% if historical_records %}
         {% include object_history_list_template %}
     {% else %}
-        <p class="mb-3 px-3 py-3 rounded-md text-sm last:mb-8 bg-amber-100 text-amber-600 dark:bg-amber-600/20 dark:border-amber-600/10">
+        <p class="mb-3 px-3 py-3 rounded text-sm last:mb-8 bg-amber-100 text-amber-600 dark:bg-amber-600/20 dark:border-amber-600/10">
             {% trans "This object doesn't have a change history." %}
         </p>
     {% endif %}

unfold/contrib/simple_history/templates/simple_history/object_history_form.html

@@ -43,7 +43,7 @@
 {% endblock %}
 
 {% block form_top %}
-    <p class="px-3 py-3 rounded-md text-sm last:mb-8 er-amber-600/10 bg-blue-50 mb-8 text-blue-500 dark:bg-blue-500/20 dark:border-blue-500/10">
+    <p class="px-3 py-3 rounded text-sm last:mb-8 er-amber-600/10 bg-blue-50 mb-8 text-blue-500 dark:bg-blue-500/20 dark:border-blue-500/10">
         {% if not revert_disabled %}
             {% blocktrans %}Press the 'Revert' button below to revert to this version of the object.{% endblocktrans %}
         {% endif %}

unfold/contrib/simple_history/templates/simple_history/object_history_list.html

@@ -3,7 +3,7 @@
 {% load admin_urls %}
 {% load getattribute from getattributes %}
 
-<table id="change-history" class="border-gray-200 border-spacing-none border-separate mb-6 w-full lg:border lg:rounded-md lg:shadow-sm lg:dark:border-gray-800">
+<table id="change-history" class="border-base-200 border-spacing-none border-separate mb-6 w-full lg:border lg:rounded lg:shadow-sm lg:dark:border-base-800">
     <thead class="hidden text-font-important-light lg:table-header-group dark:text-font-important-dark">
         <tr>
             <th class="align-middle font-semibold px-3 py-2 text-left ">
@@ -40,28 +40,28 @@
 
     <tbody>
         {% for record in historical_records %}
-            <tr class="block border mb-3 rounded-md shadow-sm lg:table-row lg:border-none lg:mb-0 lg:shadow-none dark:border-gray-800">
-                <td class="align-middle flex border-t border-gray-200 font-normal px-3 py-2 text-left before:flex before:capitalize before:content-[attr(data-label)] before:items-center before:mr-auto first:border-t-0 lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-gray-800" data-label="{% trans 'Object' %}">
+            <tr class="block border mb-3 rounded shadow-sm lg:table-row lg:border-none lg:mb-0 lg:shadow-none dark:border-base-800">
+                <td class="align-middle flex border-t border-base-200 font-normal px-3 py-2 text-left before:flex before:capitalize before:content-[attr(data-label)] before:items-center before:mr-auto first:border-t-0 lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-base-800" data-label="{% trans 'Object' %}">
                     <a href="{% url opts|admin_urlname:'simple_history' object.pk record.pk %}">
                         {{ record.history_object }}
                     </a>
                 </td>
 
                 {% for column in history_list_display %}
-                    <td class="align-middle flex border-t border-gray-200 font-normal px-3 py-2 text-left before:flex before:capitalize before:content-[attr(data-label)] before:items-center before:mr-auto first:border-t-0 lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-gray-800" data-label="{% trans column %}">
+                    <td class="align-middle flex border-t border-base-200 font-normal px-3 py-2 text-left before:flex before:capitalize before:content-[attr(data-label)] before:items-center before:mr-auto first:border-t-0 lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-base-800" data-label="{% trans column %}">
                         {{ record|getattribute:column }}
                     </th>
                 {% endfor %}
 
-                <td class="align-middle flex border-t border-gray-200 font-normal px-3 py-2 text-left before:flex before:capitalize before:content-[attr(data-label)] before:items-center before:mr-auto first:border-t-0 lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-gray-800" data-label="{% trans 'Date/time' %}">
+                <td class="align-middle flex border-t border-base-200 font-normal px-3 py-2 text-left before:flex before:capitalize before:content-[attr(data-label)] before:items-center before:mr-auto first:border-t-0 lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-base-800" data-label="{% trans 'Date/time' %}">
                     {{ record.history_date }}
                 </td>
 
-                <td class="align-middle flex border-t border-gray-200 font-normal px-3 py-2 text-left before:flex before:capitalize before:content-[attr(data-label)] before:items-center before:mr-auto first:border-t-0 lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-gray-800" data-label="{% trans 'Comment' %}">
+                <td class="align-middle flex border-t border-base-200 font-normal px-3 py-2 text-left before:flex before:capitalize before:content-[attr(data-label)] before:items-center before:mr-auto first:border-t-0 lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-base-800" data-label="{% trans 'Comment' %}">
                     {{ record.get_history_type_display }}
                 </td>
 
-                <td class="align-middle flex border-t border-gray-200 font-normal px-3 py-2 text-left before:flex before:capitalize before:content-[attr(data-label)] before:items-center before:mr-auto first:border-t-0 lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-gray-800" data-label="{% trans 'Changed by' %}">
+                <td class="align-middle flex border-t border-base-200 font-normal px-3 py-2 text-left before:flex before:capitalize before:content-[attr(data-label)] before:items-center before:mr-auto first:border-t-0 lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-base-800" data-label="{% trans 'Changed by' %}">
                     {% if record.history_user %}
                         {% url admin_user_view record.history_user_id as admin_user_url %}
 
@@ -75,11 +75,11 @@
                     {% endif %}
                 </td>
 
-                <td class="align-middle flex border-t border-gray-200 font-normal px-3 py-2 text-left before:flex before:capitalize before:content-[attr(data-label)] before:items-center before:mr-auto first:border-t-0 lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-gray-800" data-label="{% trans 'Change reason' %}">
+                <td class="align-middle flex border-t border-base-200 font-normal px-3 py-2 text-left before:flex before:capitalize before:content-[attr(data-label)] before:items-center before:mr-auto first:border-t-0 lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-base-800" data-label="{% trans 'Change reason' %}">
                     {{ record.history_change_reason }}
                 </td>
 
-                <td class="align-middle flex border-t border-gray-200 font-normal px-3 py-2 text-left before:flex before:capitalize before:content-[attr(data-label)] before:items-center before:mr-auto first:border-t-0 lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-gray-800" data-label="{% trans 'Changes' %}">
+                <td class="align-middle flex border-t border-base-200 font-normal px-3 py-2 text-left before:flex before:capitalize before:content-[attr(data-label)] before:items-center before:mr-auto first:border-t-0 lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-base-800" data-label="{% trans 'Changes' %}">
                     {% block history_delta_changes %}
                         {% if record.history_delta_changes %}
                             <ul>

unfold/contrib/simple_history/templates/simple_history/submit_line.html

@@ -2,21 +2,21 @@
 
 <div {% if not is_popup %}id="submit-row"{% endif %} class="relative z-20 {% if not is_popup %} mt-20 lg:mt-8{% endif %}">
     <div class="{% if not is_popup %}bottom-0 fixed left-0 right-0{% endif %}" {% if not is_popup %}x-bind:class="{'xl:left-0': !sidebarDesktopOpen, 'xl:left-72': sidebarDesktopOpen}"{% endif %}>
-        <div class="bg-white dark:bg-gray-900 {% if not is_popup %}border-t px-4 py-4 relative scrollable-top lg:px-8 dark:border-gray-800{% endif %}">
+        <div class="bg-white dark:bg-base-900 {% if not is_popup %}border-t border-base-200 px-4 py-4 relative scrollable-top lg:px-8 dark:border-base-800{% endif %}">
             <div class="container flex flex-col-reverse gap-3 items-center mx-auto lg:flex-row-reverse">
                 {% if not revert_disabled %}
-                    <button type="submit" class="bg-primary-600 block border border-transparent font-medium px-3 py-2 rounded-md text-sm text-white w-full lg:w-auto"  name="_save" {{ onclick_attrib }}>
+                    <button type="submit" class="bg-primary-600 block border border-transparent font-medium px-3 py-2 rounded text-sm text-white w-full lg:w-auto"  name="_save" {{ onclick_attrib }}>
                         {% trans 'Revert' %}
                     </button>
                 {% endif %}
 
                 {% if change_history %}
-                    <button type="submit" class="bg-primary-600 block border border-transparent font-medium px-3 py-2 rounded-md text-sm text-white w-full lg:w-auto"  name="_change_history" {{ onclick_attrib }}>
+                    <button type="submit" class="bg-primary-600 block border border-transparent font-medium px-3 py-2 rounded text-sm text-white w-full lg:w-auto"  name="_change_history" {{ onclick_attrib }}>
                         {% trans 'Change History' %}
                     </button>
                 {% endif %}
 
-                <a href="{{ history_url }}" class="border font-medium mr-auto px-3 py-2 rounded-md text-sm text-gray-500 text-center transition-all w-full hover:bg-gray-50 lg:block lg:w-auto dark:border-gray-700 dark:text-font-default-dark dark:hover:text-gray-200 dark:hover:bg-gray-900">
+                <a href="{{ history_url }}" class="border border-base-200 font-medium mr-auto px-3 py-2 rounded text-sm text-base-500 text-center transition-all w-full hover:bg-base-50 lg:block lg:w-auto dark:border-base-700 dark:text-font-default-dark dark:hover:text-base-200 dark:hover:bg-base-900">
                     {% trans 'Close' %}
                 </a>
             </div>

unfold/forms.py

@@ -25,7 +25,6 @@ from django.utils.translation import gettext_lazy as _
 from .widgets import (
     BASE_INPUT_CLASSES,
     INPUT_CLASSES,
-    SELECT_CLASSES,
     UnfoldAdminPasswordInput,
     UnfoldAdminRadioSelectWidget,
 )
@@ -40,7 +39,19 @@ class ActionForm(forms.Form):
         label="",
         widget=forms.Select(
             {
-                "class": " ".join([*SELECT_CLASSES, "max-w-full", "lg:!w-64"]),
+                "class": " ".join(
+                    [
+                        "appearance-none",
+                        "bg-white/20",
+                        "font-medium",
+                        "grow",
+                        "px-3",
+                        "py-2",
+                        "pr-8",
+                        "rounded",
+                        "lg:min-w-72",
+                    ]
+                ),
                 "aria-label": _("Select action to run"),
                 "x-model": "action",
             }

unfold/settings.py

@@ -14,13 +14,18 @@ CONFIG_DEFAULTS = {
     "SHOW_VIEW_ON_SITE": True,
     "SHOW_LANGUAGES": False,
     "COLORS": {
-        "font": {
-            "subtle-light": "107 114 128",  # text-gray-500
-            "subtle-dark": "156 163 175",  # text-gray-400
-            "default-light": "75 85 99",  # text-gray-600
-            "default-dark": "209 213 219",  # text-gray-300
-            "important-light": "17 24 39",  # text-gray-900
-            "important-dark": "243 244 246",  # text-gray-100
+        "base": {
+            "50": "249 250 251",
+            "100": "243 244 246",
+            "200": "229 231 235",
+            "300": "209 213 219",
+            "400": "156 163 175",
+            "500": "107 114 128",
+            "600": "75 85 99",
+            "700": "55 65 81",
+            "800": "31 41 55",
+            "900": "17 24 39",
+            "950": "3 7 18",
         },
         "primary": {
             "50": "250 245 255",
@@ -35,6 +40,14 @@ CONFIG_DEFAULTS = {
             "900": "88 28 135",
             "950": "59 7 100",
         },
+        "font": {
+            "subtle-light": "var(--color-base-500)",  # text-base-500
+            "subtle-dark": "var(--color-base-400)",  # text-base-400
+            "default-light": "var(--color-base-600)",  # text-base-600
+            "default-dark": "var(--color-base-300)",  # text-base-300
+            "important-light": "var(--color-base-900)",  # text-base-900
+            "important-dark": "var(--color-base-100)",  # text-base-100
+        },
     },
     "DASHBOARD_CALLBACK": None,
     "ENVIRONMENT": None,