django-unfold 0.43.0__tar.gz → 0.45.0__tar.gz

{django_unfold-0.43.0 → django_unfold-0.45.0}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.1
 Name: django-unfold
-Version: 0.43.0
+Version: 0.45.0
 Summary: Modern Django admin theme for seamless interface development
 Home-page: https://unfoldadmin.com
 License: MIT
@@ -23,7 +23,7 @@ Requires-Dist: django (>=3.2)
 Project-URL: Repository, https://github.com/unfoldadmin/django-unfold
 Description-Content-Type: text/markdown
 
-![screenshot](https://github.com/user-attachments/assets/b5ec09b6-c8c7-454a-85af-1bba97593632)
+![screenshot](https://github.com/user-attachments/assets/87aaad04-f454-42aa-b9ac-e14d41f189ac)
 
 ## Unfold Django Admin Theme
 
@@ -64,8 +64,10 @@ Have you decided to start using Unfold but don’t have time to make the switch
 - **Environment label**: Distinguishes between environments by displaying a label.
 - **Nonrelated inlines**: Displays nonrelated models as inlines in the change form.
 - **Favicons**: Built-in support for configuring various site favicons.
-- **Colors:** Allows customization of the default color scheme.
+- **Themes:** Allows customization of color scheme, background color, border radius, and more.
+- **Font colors:** Adjusts font colors for better readability.
 - **Changeform modes:** Displays fields in compressed mode in the change form.
+- **Language switcher:** Change language directly from the admin area.
 - **Parallel admin**: Supports [running the default admin](https://unfoldadmin.com/blog/migrating-django-admin-unfold/?utm_medium=github&utm_source=unfold) alongside Unfold.
 - **Third party packages:** Default support for multiple popular applications.
 - **Configuration:** Most basic options can be changed in `settings.py`.

{django_unfold-0.43.0 → django_unfold-0.45.0}/README.md

@@ -1,4 +1,4 @@
-![screenshot](https://github.com/user-attachments/assets/b5ec09b6-c8c7-454a-85af-1bba97593632)
+![screenshot](https://github.com/user-attachments/assets/87aaad04-f454-42aa-b9ac-e14d41f189ac)
 
 ## Unfold Django Admin Theme
 
@@ -39,8 +39,10 @@ Have you decided to start using Unfold but don’t have time to make the switch
 - **Environment label**: Distinguishes between environments by displaying a label.
 - **Nonrelated inlines**: Displays nonrelated models as inlines in the change form.
 - **Favicons**: Built-in support for configuring various site favicons.
-- **Colors:** Allows customization of the default color scheme.
+- **Themes:** Allows customization of color scheme, background color, border radius, and more.
+- **Font colors:** Adjusts font colors for better readability.
 - **Changeform modes:** Displays fields in compressed mode in the change form.
+- **Language switcher:** Change language directly from the admin area.
 - **Parallel admin**: Supports [running the default admin](https://unfoldadmin.com/blog/migrating-django-admin-unfold/?utm_medium=github&utm_source=unfold) alongside Unfold.
 - **Third party packages:** Default support for multiple popular applications.
 - **Configuration:** Most basic options can be changed in `settings.py`.

{django_unfold-0.43.0 → django_unfold-0.45.0}/pyproject.toml

@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "django-unfold"
-version = "0.43.0"
+version = "0.45.0"
 description = "Modern Django admin theme for seamless interface development"
 license = "MIT"
 readme = "README.md"

{django_unfold-0.43.0 → django_unfold-0.45.0}/src/unfold/contrib/filters/admin.py

@@ -80,7 +80,7 @@ class TextFilter(admin.SimpleListFilter):
             {
                 "form": self.form_class(
                     name=self.parameter_name,
-                    label=_("By {}").format(self.title),
+                    label=_("By %(filter_title)s") % {"filter_title": self.title},
                     data={self.parameter_name: self.value()},
                 ),
             },
@@ -103,7 +103,7 @@ class FieldTextFilter(ValueMixin, admin.FieldListFilter):
         return (
             {
                 "form": self.form_class(
-                    label=_("By {}").format(self.title),
+                    label=_("By %(filter_title)s") % {"filter_title": self.title},
                     name=self.lookup_kwarg,
                     data={self.lookup_kwarg: self.value()},
                 ),
@@ -120,7 +120,7 @@ class DropdownFilter(admin.SimpleListFilter):
         return (
             {
                 "form": self.form_class(
-                    label=_("By {}").format(self.title),
+                    label=_("By %(filter_title)s") % {"filter_title": self.title},
                     name=self.parameter_name,
                     choices=[self.all_option, *self.lookup_choices],
                     data={self.parameter_name: self.value()},
@@ -147,7 +147,7 @@ class ChoicesDropdownFilter(ValueMixin, DropdownMixin, admin.ChoicesFieldListFil
 
         yield {
             "form": self.form_class(
-                label=_("By {}").format(self.title),
+                label=_("By %(filter_title)s") % {"filter_title": self.title},
                 name=self.lookup_kwarg,
                 choices=choices,
                 data={self.lookup_kwarg: self.value()},
@@ -164,7 +164,7 @@ class RelatedDropdownFilter(ValueMixin, DropdownMixin, admin.RelatedFieldListFil
     def choices(self, changelist: ChangeList):
         yield {
             "form": self.form_class(
-                label=_("By {}").format(self.title),
+                label=_("By %(filter_title)s") % {"filter_title": self.title},
                 name=self.lookup_kwarg,
                 choices=[self.all_option, *self.lookup_choices],
                 data={self.lookup_kwarg: self.value()},

{django_unfold-0.43.0 → django_unfold-0.45.0}/src/unfold/contrib/filters/templates/unfold/filters/filters_date_range.html

@@ -1,7 +1,7 @@
 {% load i18n %}
 
 {% with choices.0 as choice %}
-    <div class="flex flex-col mb-6">
+    <div class="flex flex-col">
         <h3 class="font-semibold mb-2 text-font-important-light dark:text-font-important-dark">{% blocktrans with filter_title=title %}By {{ filter_title }}{% endblocktrans %}</h3>
 
         <div class="flex flex-col space-y-4">

{django_unfold-0.43.0 → django_unfold-0.45.0}/src/unfold/contrib/filters/templates/unfold/filters/filters_datetime_range.html

@@ -1,7 +1,7 @@
 {% load i18n %}
 
 {% with choices.0 as choice %}
-    <div class="flex flex-col mb-6">
+    <div class="flex flex-col">
         <h3 class="font-semibold mb-2 text-font-important-light dark:text-font-important-dark">{% blocktrans with filter_title=title %}By {{ filter_title }}{% endblocktrans %}</h3>
 
         <div class="flex flex-col space-y-4">

{django_unfold-0.43.0 → django_unfold-0.45.0}/src/unfold/contrib/filters/templates/unfold/filters/filters_numeric_range.html

@@ -1,7 +1,7 @@
 {% load i18n %}
 
 {% with choices.0 as choice %}
-    <div class="flex flex-col mb-6">
+    <div class="flex flex-col">
         <h3 class="font-semibold mb-2 text-font-important-light dark:text-font-important-dark">{% blocktrans with filter_title=title %}By {{ filter_title }}{% endblocktrans %}</h3>
 
         <div class="flex flex-row gap-4">

{django_unfold-0.43.0 → django_unfold-0.45.0}/src/unfold/contrib/filters/templates/unfold/filters/filters_numeric_single.html

@@ -1,7 +1,7 @@
 {% load i18n %}
 
 {% with choices.0 as choice %}
-    <div class="flex flex-col mb-6">
+    <div class="flex flex-col">
         <h3 class="font-semibold mb-2 text-font-important-light dark:text-font-important-dark">{% blocktrans with filter_title=title %}By {{ filter_title }}{% endblocktrans %}</h3>
 
         {% for field in choice.form %}

{django_unfold-0.43.0 → django_unfold-0.45.0}/src/unfold/contrib/filters/templates/unfold/filters/filters_numeric_slider.html

@@ -2,18 +2,18 @@
 {% load l10n %}
 
 {% with choices.0 as choice %}
-    <div class="admin-numeric-filter-wrapper mb-6">
+    <div class="admin-numeric-filter-wrapper">
         <h3 class="font-semibold mb-2 text-font-important-light dark:text-font-important-dark">
             {% blocktrans with filter_title=title %}By {{ filter_title }}{% endblocktrans %}
         </h3>
 
         {% if choice.min is not None and choice.max is not None and choice.step %}
             <div class="admin-numeric-filter-slider-tooltips">
-                <span class="admin-numeric-filter-slider-tooltip-from border cursor-not-allowed flex flex-grow flex-row items-center mr-auto rounded-md shadow-sm px-3 py-2 w-full dark:bg-gray-900 dark:border-gray-700 dark:text-font-default-dark">
+                <span class="admin-numeric-filter-slider-tooltip-from border cursor-not-allowed flex flex-grow flex-row items-center mr-auto rounded shadow-sm px-3 py-2 w-full dark:bg-base-900 dark:border-base-700 dark:text-font-default-dark">
                     {{ choice.value_from }}
                 </span>
 
-                <span class="admin-numeric-filter-slider-tooltip-to border cursor-not-allowed flex flex-grow flex-row items-center rounded-md shadow-sm px-3 py-2 w-full dark:bg-gray-900 dark:border-gray-700 dark:text-font-default-dark">
+                <span class="admin-numeric-filter-slider-tooltip-to border cursor-not-allowed flex flex-grow flex-row items-center rounded shadow-sm px-3 py-2 w-full dark:bg-base-900 dark:border-base-700 dark:text-font-default-dark">
                     {{ choice.value_to }}
                 </span>
             </div>

{django_unfold-0.43.0 → django_unfold-0.45.0}/src/unfold/contrib/forms/templates/unfold/forms/array.html

@@ -7,7 +7,7 @@
                 {% include widget.template_name %}
             {% endwith %}
 
-            <a x-on:click="$el.parentElement.remove()" class="bg-white border cursor-pointer flex items-center h-9.5 justify-center ml-2 rounded shadow-sm shrink-0 text-red-600 text-sm w-9.5 dark:bg-gray-900 dark:border-gray-700 dark:text-red-500">
+            <a x-on:click="$el.parentElement.remove()" class="bg-white border border-base-200 cursor-pointer flex items-center h-9.5 justify-center ml-2 rounded shadow-sm shrink-0 text-red-600 text-sm w-9.5 dark:bg-base-900 dark:border-base-700 dark:text-red-500">
                 <span class="material-symbols-outlined text-sm">delete</span>
             </a>
         </div>
@@ -19,14 +19,14 @@
                 {% include template.template_name %}
             {% endwith %}
 
-            <a x-on:click="items.splice(index, 1)" class="bg-white border cursor-pointer flex items-center h-9.5 justify-center ml-2 rounded shadow-sm shrink-0 text-red-600 text-sm w-9.5 dark:bg-gray-900 dark:border-gray-700 dark:text-red-500">
+            <a x-on:click="items.splice(index, 1)" class="bg-white border border-base-200 cursor-pointer flex items-center h-9.5 justify-center ml-2 rounded shadow-sm shrink-0 text-red-600 text-sm w-9.5 dark:bg-base-900 dark:border-base-700 dark:text-red-500">
                 <span class="material-symbols-outlined text-sm">delete</span>
             </a>
         </div>
     </template>
 
     <div class="flex flex-row">
-        <div x-on:click="items.push({ key: new Date().getTime()})" class="bg-primary-600 border border-transparent cursor-pointer font-medium inline-block px-3 py-2 rounded-md text-center text-sm text-white w-full lg:w-auto">
+        <div x-on:click="items.push({ key: new Date().getTime()})" class="bg-primary-600 border border-transparent cursor-pointer font-medium inline-block px-3 py-2 rounded text-center text-sm text-white w-full lg:w-auto">
             {% trans "Add new item" %}
         </div>
     </div>

{django_unfold-0.43.0 → django_unfold-0.45.0}/src/unfold/contrib/forms/templates/unfold/forms/helpers/toolbar.html

@@ -1,26 +1,26 @@
 {% load i18n %}
 
 <template id="trix-toolbar">
-    <div class="bg-gray-50 flex flex-row flex-wrap border group-[.errors]:border-t-red-600 gap-4 group-[.errors]:border-x-red-600 px-3 py-2 relative rounded-t-md shadow-sm w-full dark:bg-white/[.02] dark:border-gray-700 dark:group-[.errors]:border-t-red-500 dark:group-[.errors]:border-x-red-500">
-        <div data-trix-button-group="text-tools" class="bg-white border border-md flex flex-row rounded-md shadow-sm shrink-0 dark:bg-gray-900 dark:border-gray-700 dark:text-font-default-dark">
+    <div class="bg-base-50 flex flex-row flex-wrap border group-[.errors]:border-t-red-600 gap-4 group-[.errors]:border-x-red-600 px-3 py-2 relative rounded rounded-b-none shadow-sm w-full dark:bg-white/[.02] dark:border-base-700 dark:group-[.errors]:border-t-red-500 dark:group-[.errors]:border-x-red-500">
+        <div data-trix-button-group="text-tools" class="bg-white border border-md flex flex-row rounded shadow-sm shrink-0 dark:bg-base-900 dark:border-base-700 dark:text-font-default-dark">
             {% spaceless %}
-                <button type="button" data-trix-attribute="p" data-trix-key="p" title="{% trans "Paragraph" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-gray-700">
+                <button type="button" data-trix-attribute="p" data-trix-key="p" title="{% trans "Paragraph" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
                     <span class="material-symbols-outlined">format_paragraph</span>
                 </button>
 
-                <button type="button" data-trix-attribute="underlined" data-trix-key="u" title="{% trans "Underlined" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-gray-700">
+                <button type="button" data-trix-attribute="underlined" data-trix-key="u" title="{% trans "Underlined" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
                     <span class="material-symbols-outlined">format_underlined</span>
                 </button>
 
-                <button type="button" data-trix-attribute="bold" data-trix-key="b" title="{% trans "Bold" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-gray-700">
+                <button type="button" data-trix-attribute="bold" data-trix-key="b" title="{% trans "Bold" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
                     <span class="material-symbols-outlined">format_bold</span>
                 </button>
 
-                <button type="button" data-trix-attribute="italic" data-trix-key="i" title="{% trans "Italic" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-gray-700">
+                <button type="button" data-trix-attribute="italic" data-trix-key="i" title="{% trans "Italic" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
                     <span class="material-symbols-outlined">format_italic</span>
                 </button>
 
-                <button type="button" data-trix-attribute="strike" title="{% trans "Strike" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-gray-700">
+                <button type="button" data-trix-attribute="strike" title="{% trans "Strike" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
                     <span class="material-symbols-outlined">format_strikethrough</span>
                 </button>
 
@@ -30,45 +30,45 @@
             {% endspaceless %}
         </div>
 
-        <div data-trix-button-group="block-headings" class="bg-white border border-md flex flex-row rounded-md shadow-sm dark:bg-gray-900 dark:border-gray-700 dark:text-font-default-dark">
+        <div data-trix-button-group="block-headings" class="bg-white border border-md flex flex-row rounded shadow-sm dark:bg-base-900 dark:border-base-700 dark:text-font-default-dark">
             {% spaceless %}
-                <button type="button" data-trix-attribute="heading1" title="{% trans "Heading" %} 1" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-gray-700">
+                <button type="button" data-trix-attribute="heading1" title="{% trans "Heading" %} 1" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
                     <span class="material-symbols-outlined">format_h1</span>
                 </button>
 
-                <button type="button" data-trix-attribute="heading2" title="{% trans "Heading" %} 2" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-gray-700">
+                <button type="button" data-trix-attribute="heading2" title="{% trans "Heading" %} 2" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
                     <span class="material-symbols-outlined">format_h2</span>
                 </button>
 
-                <button type="button" data-trix-attribute="heading3" title="{% trans "Heading" %} 3" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-gray-700">
+                <button type="button" data-trix-attribute="heading3" title="{% trans "Heading" %} 3" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
                     <span class="material-symbols-outlined">format_h3</span>
                 </button>
 
-                <button type="button" data-trix-attribute="heading4" title="{% trans "Heading" %} 4" tabindex="-1" class="cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-gray-700">
+                <button type="button" data-trix-attribute="heading4" title="{% trans "Heading" %} 4" tabindex="-1" class="cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
                     <span class="material-symbols-outlined">format_h4</span>
                 </button>
             {% endspaceless %}
         </div>
 
-        <div data-trix-button-group="block-tools" class="bg-white border border-md flex flex-row rounded-md shadow-sm dark:bg-gray-900 dark:border-gray-700 dark:text-font-default-dark">
+        <div data-trix-button-group="block-tools" class="bg-white border border-md flex flex-row rounded shadow-sm dark:bg-base-900 dark:border-base-700 dark:text-font-default-dark">
             {% spaceless %}
-                <button type="button" data-trix-attribute="quote" title="{% trans "Quote" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-gray-700">
+                <button type="button" data-trix-attribute="quote" title="{% trans "Quote" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
                     <span class="material-symbols-outlined">format_quote</span>
                 </button>
 
-                <button type="button" data-trix-attribute="code" title="{% trans "Code" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-gray-700">
+                <button type="button" data-trix-attribute="code" title="{% trans "Code" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
                     <span class="material-symbols-outlined">code</span>
                 </button>
 
-                <button type="button" data-trix-attribute="bullet" title="{% trans "Unordered list" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-gray-700">
+                <button type="button" data-trix-attribute="bullet" title="{% trans "Unordered list" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
                     <span class="material-symbols-outlined">format_list_bulleted</span>
                 </button>
 
-                <button type="button"  data-trix-attribute="number" title="{% trans "Ordered list" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-gray-700">
+                <button type="button"  data-trix-attribute="number" title="{% trans "Ordered list" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
                     <span class="material-symbols-outlined">format_list_numbered</span>
                 </button>
 
-                <button type="button" data-trix-action="increaseNestingLevel" title="{% trans "Indent increase" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-gray-700">
+                <button type="button" data-trix-action="increaseNestingLevel" title="{% trans "Indent increase" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
                     <span class="material-symbols-outlined">format_indent_increase</span>
                 </button>
 
@@ -79,8 +79,8 @@
         </div>
 
         <div class="lg:ml-auto">
-            <div data-trix-button-group="history-tools" class="bg-white border border-md flex flex-row rounded-md shadow-sm dark:bg-gray-900 dark:border-gray-700 dark:text-font-default-dark">
-                <button type="button" data-trix-action="undo" data-trix-key="z" title="{% trans "Undo" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-gray-700">
+            <div data-trix-button-group="history-tools" class="bg-white border border-md flex flex-row rounded shadow-sm dark:bg-base-900 dark:border-base-700 dark:text-font-default-dark">
+                <button type="button" data-trix-action="undo" data-trix-key="z" title="{% trans "Undo" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
                     <span class="material-symbols-outlined">undo</span>
                 </button>
 
@@ -90,16 +90,16 @@
             </div>
 
             <div data-trix-dialogs>
-                <div class="absolute bg-white border-b -bottom-px left-0 px-4 py-2 right-0 shadow-sm translate-y-full dark:bg-gray-900 dark:border-gray-700" data-trix-dialog="href" data-trix-dialog-attribute="href">
+                <div class="absolute bg-white border-b -bottom-px left-0 px-4 py-2 right-0 shadow-sm translate-y-full dark:bg-base-900 dark:border-base-700" data-trix-dialog="href" data-trix-dialog-attribute="href">
                     <div class="flex flex-row">
-                        <input type="url" name="href" class="border bg-white font-medium px-3 rounded-md shadow-sm text-gray-500 text-sm focus:ring focus:ring-primary-300 focus:border-primary-600 focus:outline-none group-[.errors]:border-red-600 group-[.errors]:focus:ring-red-200 dark:bg-gray-900 dark:border-gray-700 dark:text-font-default-dark dark:focus:ring-primary-600/30 dark:group-[.errors]:border-red-500 dark:group-[.errors]:focus:ring-red-600/40" placeholder="{% trans "Enter an URL" %}" required data-trix-input>
+                        <input type="url" name="href" class="border bg-white font-medium px-3 rounded shadow-sm text-base-500 text-sm focus:ring focus:ring-primary-300 focus:border-primary-600 focus:outline-none group-[.errors]:border-red-600 group-[.errors]:focus:ring-red-200 dark:bg-base-900 dark:border-base-700 dark:text-font-default-dark dark:focus:ring-primary-600/30 dark:group-[.errors]:border-red-500 dark:group-[.errors]:focus:ring-red-600/40" placeholder="{% trans "Enter an URL" %}" required data-trix-input>
 
-                        <div class="bg-white border border-md flex flex-row ml-4 rounded-md shadow-sm dark:bg-gray-900 dark:border-gray-700 dark:text-font-default-dark">
-                            <button type="button" data-trix-method="setAttribute" title="{% trans "Link" %}" class="border-r cursor-pointer flex items-center h-8 justify-center text-gray-400 transition-colors w-8 hover:text-primary-600 dark:border-gray-700">
+                        <div class="bg-white border border-md flex flex-row ml-4 rounded shadow-sm dark:bg-base-900 dark:border-base-700 dark:text-font-default-dark">
+                            <button type="button" data-trix-method="setAttribute" title="{% trans "Link" %}" class="border-r cursor-pointer flex items-center h-8 justify-center text-base-400 transition-colors w-8 hover:text-primary-600 dark:border-base-700">
                                 <span class="material-symbols-outlined">link</span>
                             </button>
 
-                            <button type="button" data-trix-method="removeAttribute" title="{% trans "Unlink" %}" class="cursor-pointer flex items-center h-8 justify-center text-gray-400 transition-colors w-8 hover:text-primary-600 dark:border-gray-700">
+                            <button type="button" data-trix-method="removeAttribute" title="{% trans "Unlink" %}" class="cursor-pointer flex items-center h-8 justify-center text-base-400 transition-colors w-8 hover:text-primary-600 dark:border-base-700">
                                 <span class="material-symbols-outlined">link_off</span>
                             </button>
                         </div>

{django_unfold-0.43.0 → django_unfold-0.45.0}/src/unfold/contrib/forms/widgets.py

@@ -14,18 +14,18 @@ from unfold.widgets import (
 WYSIWYG_CLASSES = [
     *PROSE_CLASSES,
     "border",
-    "border-gray-200",
+    "border-base-200",
     "border-t-0",
     "group-[.errors]:border-red-600",
     "max-w-none",
     "p-4",
-    "rounded-b-md",
+    "rounded-b",
     "rounded-t-none",
-    "text-gray-500",
+    "text-base-500",
     "w-full",
     "focus:outline-none",
-    "dark:border-gray-700",
-    "dark:text-gray-300",
+    "dark:border-base-700",
+    "dark:text-base-300",
     "dark:group-[.errors]:border-red-500",
 ]
 

{django_unfold-0.43.0 → django_unfold-0.45.0}/src/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 %}

{django_unfold-0.43.0 → django_unfold-0.45.0}/src/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 %}

{django_unfold-0.43.0 → django_unfold-0.45.0}/src/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 %}

{django_unfold-0.43.0 → django_unfold-0.45.0}/src/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" %}

{django_unfold-0.43.0 → django_unfold-0.45.0}/src/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" %}

{django_unfold-0.43.0 → django_unfold-0.45.0}/src/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 %}

{django_unfold-0.43.0 → django_unfold-0.45.0}/src/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>

{django_unfold-0.43.0 → django_unfold-0.45.0}/src/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>

{django_unfold-0.43.0 → django_unfold-0.45.0}/src/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>