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

unfold/templates/admin/nav_sidebar.html

@@ -1,14 +1,7 @@
 {% load i18n %}
 
 <div class="relative z-50">
-    <div @click="sidebarMobileOpen = !sidebarMobileOpen"
-         class="fixed bottom-0 bg-gray-700 cursor-pointer flex items-center left-0 mb-2 ml-2 justify-center px-2 py-1 rounded-full shadow-sm text-xs text-white uppercase z-50 xl:hidden"
-         :class="{'ml-72 -translate-x-1/2': sidebarMobileOpen}">
-        {% trans "Menu" %}
-    </div>
-
-
-    <div :class="{'xl:block': sidebarDesktopOpen, 'xl:hidden': !sidebarDesktopOpen, 'max-xl:fixed': sidebarMobileOpen, 'hidden': !sidebarMobileOpen }">
+    <div class="fixed hidden xl:relative xl:block" x-bind:class="{'xl:!hidden': !sidebarDesktopOpen, '!block': sidebarMobileOpen}">
         {% include "unfold/helpers/navigation.html" %}
     </div>
 </div>

unfold/templates/admin/object_history.html

@@ -27,8 +27,8 @@
 
 {% block content %}
     {% if action_list %}
-        <table 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">
-            <thead class="hidden lg:table-header-group text-gray-900 dark:text-gray-100">
+        <table 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-base-900 dark:text-base-100">
                 <tr>
                     <th class="align-middle font-medium px-3 py-2 text-left">
                         {% translate 'Date/time' %}
@@ -46,16 +46,16 @@
 
             <tbody>
                 {% for action in action_list %}
-                    <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-0lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-gray-800" data-label="{% translate 'Date/time' %}">
+                    <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-0lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-base-800" data-label="{% translate 'Date/time' %}">
                             {{ action.action_time|date:"DATETIME_FORMAT" }}
                         </th>
 
-                        <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-0lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-gray-800" data-label="{% translate 'User' %}">
+                        <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-0lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-base-800" data-label="{% translate 'User' %}">
                             {{ action.user.get_username }}{% if action.user.get_full_name %} ({{ action.user.get_full_name }}){% 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-0lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-gray-800" data-label="{% translate 'Action' %}">
+                        <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-0lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-base-800" data-label="{% translate 'Action' %}">
                             {{ action.get_change_message }}
                         </td>
                     </tr>
@@ -63,7 +63,7 @@
             </tbody>
         </table>
 
-        <div class="bg-gray-50 flex my-4 items-center p-3 rounded-md dark:bg-gray-800">
+        <div class="bg-base-50 flex my-4 items-center p-3 rounded dark:bg-base-800">
             {% if pagination_required %}
                 {% for i in page_range %}
                     <span class="pr-4">

unfold/templates/admin/pagination.html

@@ -1,39 +1,45 @@
 {% load unfold_list i18n %}
 
-<div class="bg-gray-50 flex my-4 items-center p-3 rounded-md text-sm dark:bg-gray-800">
-    {% if pagination_required %}
-        {% for i in page_range %}
-            <div class="{% if forloop.last %}pr-2{% else %}pr-4{% endif %}">
-                {% paginator_number cl i %}
-            </div>
-        {% endfor %}
-    {% endif %}
+<div {% if not is_popup %}id="submit-row"{% endif %} class="relative z-20">
+    <div class="{% if not is_popup %}max-w-full lg:bottom-0 lg:fixed lg:left-0 lg:right-0{% endif %}" {% if not is_popup %}x-bind:class="{'xl:left-0': !sidebarDesktopOpen, 'xl:left-72': sidebarDesktopOpen}"{% endif %} x-bind:style="'width: ' + mainWidth + 'px'">
+        <div class="lg:backdrop-blur-sm lg:bg-white/80 lg:flex lg:items-center lg:dark:bg-base-900/80 {% if not is_popup %}lg:border-t lg:border-base-200 lg:h-[71px] lg:py-2 lg:relative lg:scrollable-top lg:px-8 lg:dark:border-base-800{% endif %}">
+            <div class="flex flex-row items-center {% if not cl.model_admin.list_fullwidth %}lg:mx-auto{% endif %}" x-bind:style="'width: ' + changeListWidth + 'px'">
+                {% if pagination_required %}
+                    {% for i in page_range %}
+                        <div class="{% if forloop.last %}pr-2{% else %}pr-4{% endif %}">
+                            {% paginator_number cl i %}
+                        </div>
+                    {% endfor %}
+                {% endif %}
 
-    <div>
-        {% if pagination_required %}
-            -
-        {% endif %}
+                <div class="py-4">
+                    {% if pagination_required %}
+                        -
+                    {% endif %}
 
-        {{ cl.result_count }}
+                    {{ cl.result_count }}
 
-        {% if cl.result_count == 1 %}
-            {{ cl.opts.verbose_name }}
-        {% else %}
-            {{ cl.opts.verbose_name_plural }}
-        {% endif %}
-    </div>
+                    {% if cl.result_count == 1 %}
+                        {{ cl.opts.verbose_name }}
+                    {% else %}
+                        {{ cl.opts.verbose_name_plural }}
+                    {% endif %}
+                </div>
 
-    {% if show_all_url %}
-        <a href="{{ show_all_url }}" class="showall ml-4 text-primary-600 dark:text-primary-500">
-            {% translate 'Show all' %}
-        </a>
-    {% endif %}
+                {% if show_all_url %}
+                    <a href="{{ show_all_url }}" class="showall ml-4 text-primary-600 dark:text-primary-500">
+                        {% translate 'Show all' %}
+                    </a>
+                {% endif %}
 
-    {% if cl.formset and cl.result_count %}
-        <div class="ml-auto">
-            <button type="submit" name="_save" class="bg-primary-600 font-medium rounded-md px-3 py-1 text-white">
-                {% translate 'Save' %}
-            </button>
+                {% if cl.formset and cl.result_count %}
+                    <div class="ml-auto">
+                        <button type="submit" name="_save" class="bg-primary-600 block border border-transparent font-medium px-3 py-2 rounded text-white w-full">
+                            {% translate 'Save' %}
+                        </button>
+                    </div>
+                {% endif %}
+            </div>
         </div>
-    {% endif %}
+    </div>
 </div>

unfold/templates/admin/search_form.html

@@ -2,16 +2,18 @@
 
 {% if cl.search_fields %}
     <div id="toolbar">
-        <div class="bg-white border flex rounded-md overflow-hidden shadow-sm lg:w-64 focus-within:ring focus-within:ring-primary-300 focus-within:border-primary-600 dark:bg-gray-900 dark:border-gray-700 dark:focus-within:border-primary-600 dark:focus-within:ring-primary-700 dark:focus-within:ring-opacity-50">
-            <input class="font-medium grow min-w-0 h-9 px-3 text-font-default-light text-sm focus:outline-none dark:bg-gray-900 dark:text-font-default-dark placeholder-shown:truncate" type="text" name="{{ search_var }}" value="{{ cl.query }}" id="searchbar" placeholder="{% if cl.search_help_text %}{{ cl.search_help_text }}{% else %}{% trans "Type to search" %}{% endif %}" />
+        <form id="changelist-search" method="get" role="search">
+            <div class="bg-white border border-base-200 flex rounded overflow-hidden shadow-sm lg:w-96 focus-within:ring focus-within:ring-primary-300 focus-within:border-primary-600 dark:bg-base-900 dark:border-base-700 dark:focus-within:border-primary-600 dark:focus-within:ring-primary-700 dark:focus-within:ring-opacity-50">
+                <input class="font-medium grow min-w-0 h-9 px-3 text-font-default-light text-sm focus:outline-none dark:bg-base-900 dark:text-font-default-dark placeholder-shown:truncate placeholder-base-400" type="text" name="{{ search_var }}" value="{{ cl.query }}" id="searchbar" placeholder="{% if cl.search_help_text %}{{ cl.search_help_text }}{% else %}{% trans "Type to search" %}{% endif %}" />
 
-            <button type="submit" class="flex items-center px-2 focus:outline-none" id="searchbar-submit">
-                <span class="material-symbols-outlined md-18 text-gray-400 dark:text-gray-500">search</span>
-            </button>
-        </div>
+                <button type="submit" class="flex items-center px-2 focus:outline-none" id="searchbar-submit">
+                    <span class="material-symbols-outlined md-18 text-base-400 dark:text-base-500">search</span>
+                </button>
+            </div>
 
-        {% for pair in cl.params.items %}
-            {% if pair.0 != search_var %}<input type="hidden" name="{{ pair.0 }}" value="{{ pair.1 }}">{% endif %}
-        {% endfor %}
+            {% for pair in cl.params.items %}
+                {% if pair.0 != search_var %}<input type="hidden" name="{{ pair.0 }}" value="{{ pair.1 }}">{% endif %}
+            {% endfor %}
+        </form>
     </div>
 {% endif %}

unfold/templates/admin/submit_line.html

@@ -1,24 +1,24 @@
 {% load i18n admin_urls %}
 
-<div {% if not is_popup %}id="submit-row"{% endif %} class="relative mt-16 z-20">
-    <div class="{% if not is_popup %}lg:bottom-0 lg:fixed lg:left-0 lg: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 %}lg:border-t lg:py-4 relative scrollable-top lg:px-8 dark:border-gray-800{% endif %}">
-            <div class="container flex flex-col-reverse gap-3 items-center mx-auto lg:flex-row-reverse">
+<div {% if not is_popup %}id="submit-row"{% endif %} class="relative lg:mt-16 z-20">
+    <div class="{% if not is_popup %}max-w-full lg:bottom-0 lg:fixed lg:left-0 lg:right-0{% endif %}" {% if not is_popup %}x-bind:class="{'xl:left-0': !sidebarDesktopOpen, 'xl:left-72': sidebarDesktopOpen}"{% endif %} x-bind:style="'width: ' + mainWidth + 'px'">
+        <div class="backdrop-blur-sm bg-white/80 pb-4 dark:bg-base-900/80 {% if not is_popup %}lg:border-t lg:border-base-200 lg:py-4 relative lg:scrollable-top lg:px-8 dark:border-base-800{% endif %}">
+            <div class="flex flex-col-reverse gap-3 items-center mx-auto lg:flex-row-reverse">
                 {% block submit-row %}
                     {% if show_save %}
-                        <button type="submit" name="_save" class="bg-primary-600 block border border-transparent font-medium px-3 py-2 rounded-md text-white w-full lg:w-auto">
+                        <button type="submit" name="_save" class="bg-primary-600 block border border-transparent font-medium px-3 py-2 rounded text-white w-full lg:w-auto">
                             {% translate 'Save' %}
                         </button>
                     {% endif %}
 
                     {% for action in actions_submit_line %}
-                        <button type="submit" {% if not action.attrs.name %}name="{{ action.action_name }}"{% endif %} class="border font-medium px-3 py-2 rounded-md transition-all w-full hover:bg-gray-50 lg:w-auto dark:border-gray-700 dark:hover:text-gray-200 dark:hover:bg-gray-900" {% include "unfold/helpers/attrs.html" with attrs=action.attrs %}>
+                        <button type="submit" {% if not action.attrs.name %}name="{{ action.action_name }}"{% endif %} class="border border-base-200 font-medium px-3 py-2 rounded transition-all w-full hover:bg-base-50 lg:w-auto dark:border-base-700 dark:hover:text-base-200 dark:hover:bg-base-900" {% include "unfold/helpers/attrs.html" with attrs=action.attrs %}>
                             {{ action.description }}
                         </button>
                     {% endfor %}
 
                     {% if show_save_and_continue %}
-                        <button type="submit" name="_continue" class="border font-medium px-3 py-2 rounded-md transition-all w-full hover:bg-gray-50 lg:block lg:w-auto dark:border-gray-700  dark:hover:text-gray-200 dark:hover:bg-gray-900">
+                        <button type="submit" name="_continue" class="border border-base-200 font-medium px-3 py-2 rounded transition-all w-full hover:bg-base-50 lg:block lg:w-auto dark:border-base-700  dark:hover:text-base-200 dark:hover:bg-base-900">
                             {% if can_change %}
                                 {% translate 'Save and continue editing' %}
                             {% else %}
@@ -30,19 +30,19 @@
                     {% if show_close %}
                         {% url opts|admin_urlname:'changelist' as changelist_url %}
 
-                        <a href="{% add_preserved_filters changelist_url %}" class="border font-medium px-3 py-2 rounded-md transition-all w-full hover:bg-gray-50 lg:block lg:w-auto dark:border-gray-700  dark:hover:text-gray-200 dark:hover:bg-gray-900">
+                        <a href="{% add_preserved_filters changelist_url %}" class="border border-base-200 font-medium px-3 py-2 rounded transition-all w-full hover:bg-base-50 lg:block lg:w-auto dark:border-base-700  dark:hover:text-base-200 dark:hover:bg-base-900">
                             {% translate 'Close' %}
                         </a>
                     {% endif %}
 
                     {% if show_save_and_add_another %}
-                        <button type="submit" name="_addanother" class="border font-medium px-3 py-2 rounded-md transition-all w-full hover:bg-gray-50 lg:block lg:w-auto dark:border-gray-700  dark:hover:text-gray-200 dark:hover:bg-gray-900">
+                        <button type="submit" name="_addanother" class="border border-base-200 font-medium px-3 py-2 rounded transition-all w-full hover:bg-base-50 lg:block lg:w-auto dark:border-base-700  dark:hover:text-base-200 dark:hover:bg-base-900">
                             {% translate 'Save and add another' %}
                         </button>
                     {% endif %}
 
                     {% if show_save_as_new %}
-                        <button type="submit" name="_saveasnew" class="border font-medium px-3 py-2 rounded-md transition-all w-full hover:bg-gray-50 lg:block lg:w-auto dark:border-gray-700  dark:hover:text-gray-200 dark:hover:bg-gray-900">
+                        <button type="submit" name="_saveasnew" class="border border-base-200 font-medium px-3 py-2 rounded transition-all w-full hover:bg-base-50 lg:block lg:w-auto dark:border-base-700  dark:hover:text-base-200 dark:hover:bg-base-900">
                             {% translate 'Save as new' %}
                         </button>
                     {% endif %}
@@ -51,7 +51,7 @@
                         {% url opts|admin_urlname:'delete' original.pk|admin_urlquote as delete_url %}
 
                         <p class="deletelink-box mr-auto w-full lg:w-auto">
-                            <a href="{% add_preserved_filters delete_url %}" class="bg-red-600 flex items-center justify-center font-medium h-9.5 ml-auto px-3 py-2 rounded-md text-white dark:bg-red-500/20 dark:text-red-500">
+                            <a href="{% add_preserved_filters delete_url %}" class="bg-red-600 flex items-center justify-center font-medium h-9.5 ml-auto px-3 py-2 rounded text-white dark:bg-red-500/20 dark:text-red-500">
                                 {% translate "Delete" %} {{ opts.verbose_name }}
                             </a>
                         </p>

unfold/templates/auth/widgets/read_only_password_hash.html

@@ -1,5 +1,5 @@
 <div class="table table-fixed w-full">
-    <div class="readonly bg-gray-50 border font-medium max-w-2xl px-3 py-2 rounded-md shadow-sm dark:bg-white/[.02] dark:border-gray-700 {% if summary|length > 1 %} text-ellipsis overflow-hidden whitespace-nowrap w-full{% endif %}" {% include 'django/forms/widgets/attrs.html' %}>
+    <div class="readonly bg-base-50 border font-medium max-w-2xl px-3 py-2 rounded shadow-sm dark:bg-white/[.02] dark:border-base-700 {% if summary|length > 1 %} text-ellipsis overflow-hidden whitespace-nowrap w-full{% endif %}" {% include 'django/forms/widgets/attrs.html' %}>
         {% if summary|length > 1 %}
             {% for entry in summary %}
                 <strong class="font-semibold text-font-important-light dark:text-font-important-dark">{{ entry.label }}</strong>{% if entry.value %}: {{ entry.value }}{% endif %}

unfold/templates/registration/logged_out.html

@@ -3,11 +3,11 @@
 {% load i18n %}
 
 {% block base %}
-    <div class="flex min-h-screen">
+    <div id="page" class="flex min-h-screen">
         <div class="flex flex-grow items-center justify-center mx-auto px-4">
             <div class="w-full sm:w-96">
                 <h1 class="font-semibold mb-4 text-xl">
-                    <span class="block leading-relaxed text-gray-700 dark:text-gray-200">
+                    <span class="block leading-relaxed text-base-700 dark:text-base-200">
                         {% trans "You have been successfully logged out from the administration" %}
                     </span>
                 </h1>
@@ -16,7 +16,7 @@
                     {% translate "Thanks for spending some quality time with the web site today." %}
                 </p>
 
-                <a href="{% url "admin:index" %}" class="bg-primary-600 block border border-transparent font-semibold py-2 rounded-md text-sm text-center text-white w-full">
+                <a href="{% url "admin:index" %}" class="bg-primary-600 block border border-transparent font-semibold py-2 rounded text-sm text-center text-white w-full">
                     {% translate "Log in again" %}
                 </a>
             </div>

unfold/templates/registration/password_change_done.html

@@ -22,7 +22,7 @@
 
 {% block content %}
     <div id="content-main">
-        <p class="bg-primary-100 mb-8 text-primary-600 px-3 py-3 rounded-md text-sm">
+        <p class="bg-primary-100 mb-8 text-primary-600 px-3 py-3 rounded text-sm">
             {% translate 'Your password was changed.' %}
         </p>
     </div>

unfold/templates/registration/password_change_form.html

@@ -42,7 +42,7 @@
 
                 {% include "unfold/helpers/field.html" with field=form.new_password2 %}
 
-                <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 'Change password' %}
                 </button>
             </div>

unfold/templates/unfold/components/button.html

@@ -1,4 +1,4 @@
 <{% if href %}a href="{{ href }}"{% else %}button{% endif%} {% if submit %}type="submit"{% endif%} {% if name %}name="{{ name }}"{% endif %}
-class="border font-medium px-3 py-2 rounded-md text-center whitespace-nowrap {% if variant == "default" %}bg-white dark:border-gray-700 dark:bg-transparent dark:text-white{% else %}bg-primary-600 border-transparent text-white{% endif %}{% if class %} {{ class }}{% endif %}">
+class="border font-medium px-3 py-2 rounded text-center whitespace-nowrap {% if variant == "default" %}bg-white dark:border-base-700 dark:bg-transparent dark:text-white{% else %}bg-primary-600 border-transparent text-white{% endif %}{% if class %} {{ class }}{% endif %}">
 {{ children }}
 </{% if href %}a{% else %}button{% endif%}>

unfold/templates/unfold/components/card.html

@@ -1,6 +1,6 @@
-<div class="border flex flex-col flex-grow overflow-hidden p-6 relative rounded-md shadow-sm dark:border-gray-800 {% if class %} {{ class }}{% endif %}">
+<div class="border flex flex-col flex-grow overflow-hidden p-6 relative rounded shadow-sm dark:border-base-800 {% if class %} {{ class }}{% endif %}">
     {% if title %}
-        <h2 class="bg-gray-50 border-b font-semibold mb-6 -mt-6 -mx-6 py-4 px-6 text-font-important-light dark:text-font-important-dark dark:border-gray-800 dark:bg-white/[.02]">
+        <h2 class="bg-base-50 border-b font-semibold mb-6 -mt-6 -mx-6 py-4 px-6 text-font-important-light dark:text-font-important-dark dark:border-base-800 dark:bg-white/[.02]">
             {{ title }}
         </h2>
     {% endif %}
@@ -15,12 +15,12 @@
         {% endif %}
 
         {% if icon %}
-            <span class="material-symbols-outlined absolute -left-6 text-gray-300 top-1/2 -translate-x-1/3 -translate-y-1/2 !text-6xl dark:text-gray-500">{{ icon }}</span>
+            <span class="material-symbols-outlined absolute -left-6 text-base-300 top-1/2 -translate-x-1/3 -translate-y-1/2 !text-6xl dark:text-base-500">{{ icon }}</span>
         {% endif %}
     </div>
 
     {% if footer %}
-        <div class="border-t flex items-center -mb-6 -mx-6 mt-6 pb-2 pt-2 px-6 text-sm dark:border-gray-800">
+        <div class="border-t flex items-center -mb-6 -mx-6 mt-6 pb-2 pt-2 px-6 text-sm dark:border-base-800">
             {{ footer }}
         </div>
     {% endif %}

unfold/templates/unfold/components/chart/cohort.html

@@ -39,7 +39,7 @@
 
                     {% for col in row.cols %}
                         <td class="h-full">
-                            <div class="flex flex-col h-full justify-center px-3 py-2.5 rounded-md {% if col.color %}{{ col.color }}{% else %}bg-gray-50 border border-dashed dark:bg-gray-800 dark:border-gray-700{% endif %}">
+                            <div class="flex flex-col h-full justify-center px-3 py-2.5 rounded {% if col.color %}{{ col.color }}{% else %}bg-base-50 border border-dashed dark:bg-base-800 dark:border-base-700{% endif %}">
                                 <span>
                                     {{ col.value }}
                                 </span>

unfold/templates/unfold/components/navigation.html

@@ -1,7 +1,7 @@
 {% if items %}
-    <nav class="bg-gray-100 flex gap-2 p-1 rounded text-sm dark:bg-white/[.04]{% if class %} {{ class }}{% endif %}">
+    <nav class="bg-base-100 flex gap-2 p-1 rounded text-sm dark:bg-white/[.04]{% if class %} {{ class }}{% endif %}">
         {% for item in items %}
-            <a href="{{ item.link }}" class="flex flex-row font-medium items-center px-2.5 py-1 rounded {% if item.active %} bg-white shadow-sm text-font-important-light hover:bg-white dark:bg-gray-900 dark:hover:bg-gray-900 dark:text-font-important-dark{% else %}text-font-subtle-light dark:text-font-subtle-dark hover:bg-gray-700/[.04]  dark:hover:bg-white/[.04]{% endif %}">
+            <a href="{{ item.link }}" class="flex flex-row font-medium items-center px-2.5 py-1 rounded {% if item.active %} bg-white shadow-sm text-font-important-light hover:bg-white dark:bg-base-900 dark:hover:bg-base-900 dark:text-font-important-dark{% else %}text-font-subtle-light dark:text-font-subtle-dark hover:bg-base-700/[.04]  dark:hover:bg-white/[.04]{% endif %}">
                 {% if item.icon %}
                     <span class="material-symbols-outlined{% if item.title %} mr-2{% endif %}">{{ item.icon }}</span>
                 {% endif %}

unfold/templates/unfold/components/separator.html

@@ -1 +1 @@
-<div class="bg-gray-200 dark:bg-gray-800 dark:border-gray-800 {% if vertical == 1 %}mx-6 w-px{% else%}h-px my-6{% endif %}{% if class %} {{ class }}{% endif %}"></div>
+<div class="bg-base-200 dark:bg-base-800 dark:border-base-800 {% if vertical == 1 %}mx-6 w-px{% else%}h-px my-6{% endif %}{% if class %} {{ class }}{% endif %}"></div>

unfold/templates/unfold/components/table.html

@@ -1,10 +1,10 @@
 {% load unfold %}
 
-<div class="{% if card_included == 1 %}-m-6{% else %}lg:border lg:rounded-md lg:shadow-sm{% endif %} overflow-x-auto lg:dark:border-gray-800">
-    <table class="block border-gray-200 border-spacing-none border-separate w-full lg:table">
+<div class="{% if card_included == 1 %}-m-6{% else %}lg:border lg:rounded lg:shadow-sm{% endif %} overflow-x-auto lg:dark:border-base-800">
+    <table class="block border-base-200 border-spacing-none border-separate w-full lg:table">
         {% if table.headers %}
-            <thead class="text-gray-900 dark:text-gray-100">
-                <tr class="bg-gray-50 dark:bg-white/[.02]">
+            <thead class="text-base-900 dark:text-base-100">
+                <tr class="bg-base-50 dark:bg-white/[.02]">
                     {% for  header in table.headers %}
                         <th class="align-middle font-semibold py-2 text-left text-sm whitespace-nowrap sortable column-description hidden px-3 lg:table-cell {% if card_included == 1 %}first:pl-6 last:pr-6{% endif %}">
                             {{ header }}
@@ -17,9 +17,9 @@
         {% if table.rows %}
             <tbody class="block lg:table-row-group">
                 {% for row in table.rows %}
-                    <tr class="{% if striped == 1 %}{% cycle '' 'bg-gray-50 dark:bg-white/[.02]' %}{% endif %} block {% if not card_included == 1 %}border mb-3 rounded-md shadow-sm{% else %}border-t{% endif %} lg:table-row lg:border-none lg:mb-0 lg:shadow-none dark:border-gray-800">
+                    <tr class="{% if striped == 1 %}{% cycle '' 'bg-base-50 dark:bg-white/[.02]' %}{% endif %} block {% if not card_included == 1 %}border mb-3 rounded shadow-sm{% else %}border-t{% endif %} lg:table-row lg:border-none lg:mb-0 lg:shadow-none dark:border-base-800">
                         {% for cell in row %}
-                            <td class="px-3 py-2 align-middle flex border-t border-gray-200 font-normal gap-4 min-w-0 overflow-hidden 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 {% if card_included == 1 %}lg:first:pl-6 lg:last:pr-6{% endif %}" {% if table.headers %}data-label="{{ table.headers|index:forloop.counter0 }}"{% endif %}>
+                            <td class="px-3 py-2 align-middle flex border-t border-base-200 font-normal gap-4 min-w-0 overflow-hidden 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 {% if card_included == 1 %}lg:first:pl-6 lg:last:pr-6{% endif %}" {% if table.headers %}data-label="{{ table.headers|index:forloop.counter0 }}"{% endif %}>
                                 {{ cell }}
                             </td>
                         {% endfor %}

unfold/templates/unfold/components/tracker.html

@@ -1,5 +1,5 @@
 <ul class="flex flex-row gap-0.5 overflow-hidden rounded">
     {% for item in data %}
-        <li class="h-8 px-px size-full {% if item.color %}{{ item.color }}{% else %}bg-gray-300 dark:bg-gray-400{% endif %} hover:opacity-50" title="{{ item.tooltip }}"></li>
+        <li class="h-8 px-px size-full {% if item.color %}{{ item.color }}{% else %}bg-base-300 dark:bg-base-400{% endif %} hover:opacity-50" title="{{ item.tooltip }}"></li>
     {% endfor %}
 </ul>

unfold/templates/unfold/helpers/account_links.html

@@ -1,30 +1,30 @@
 {% load i18n %}
 
 <div class="relative" x-data="{ openUserLinks: false }">
-    <a class="block cursor-pointer hover:text-gray-700 dark:hover:text-gray-200" @click="openUserLinks = !openUserLinks">
+    <a class="block cursor-pointer h-4.5 hover:text-base-700 dark:hover:text-base-200" @click="openUserLinks = !openUserLinks">
         <span class="material-symbols-outlined">person</span>
     </a>
 
-    <nav class="absolute bg-white border flex flex-col leading-none py-1 -right-2 rounded shadow-lg top-7 w-52 z-50 dark:bg-gray-800 dark:border-gray-700" x-cloak x-show="openUserLinks" @click.outside="openUserLinks = false">
-        <div class="border-b border-gray-100 flex flex-row flex-shrink-0 items-start justify-start mb-1 pb-1 dark:border-gray-700">
+    <nav class="absolute bg-white border flex flex-col leading-none py-1 -right-2 rounded shadow-lg top-7 w-52 z-50 dark:bg-base-800 dark:border-base-700" x-cloak x-show="openUserLinks" @click.outside="openUserLinks = false">
+        <div class="border-b border-base-100 flex flex-row flex-shrink-0 items-start justify-start mb-1 pb-1 dark:border-base-700">
             <span class="block mx-1 px-3 py-2 truncate">
                 {% firstof user.get_short_name user.get_username %}
             </span>
         </div>
 
         {% if site_url %}
-            <a href="{{ site_url }}" target="_blank" class="mx-1 px-3 py-2 rounded hover:bg-gray-100 hover:text-gray-700 dark:hover:bg-gray-700 dark:hover:text-gray-200">
+            <a href="{{ site_url }}" target="_blank" class="mx-1 px-3 py-2 rounded hover:bg-base-100 hover:text-base-700 dark:hover:bg-base-700 dark:hover:text-base-200">
                 {% translate 'View site' %}
             </a>
         {% endif %}
 
         {% if user.has_usable_password %}
-            <a href="{% url 'admin:password_change' %}" class="mx-1 px-3 py-2 rounded hover:bg-gray-100 hover:text-gray-700 dark:hover:bg-gray-700 dark:hover:text-gray-200">
+            <a href="{% url 'admin:password_change' %}" class="mx-1 px-3 py-2 rounded hover:bg-base-100 hover:text-base-700 dark:hover:bg-base-700 dark:hover:text-base-200">
                 {% translate 'Change password' %}
             </a>
         {% endif %}
 
-        <div class="border-t mt-1 pt-1 dark:border-gray-700">
+        <div class="border-t mt-1 pt-1 dark:border-base-700">
             <form id="logout-form" method="post" action="{% url 'admin:logout' %}" class="mx-1">
                 {% csrf_token %}
 

unfold/templates/unfold/helpers/actions_row.html

@@ -1,17 +1,17 @@
 {% load i18n %}
 
 {% if actions %}
-    <td data-label="{% trans "More actions" %}" class="field-actions_holder 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 before:text-gray-500 dark:before:text-gray-300 lg:before:hidden lg:py-3 lg:table-cell dark:border-gray-800 lg:w-px">
+    <td data-label="{% trans "More actions" %}" class="field-actions_holder 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 before:text-base-500 dark:before:text-base-300 lg:before:hidden lg:py-3 lg:table-cell dark:border-base-800 lg:w-px">
         {% with action_id=instance_pk|cut:"-" %}
-            <div class="group leading-none relative" x-data="{ openActionsId{{ action_id }}: false }">
-                <span x-ref="rowDropdown{{ action_id }}" class="cursor-pointer flex h-7 material-symbols-outlined md-18 -my-1 !leading-7 rounded text-center text-gray-400 w-7 group-hover:bg-gray-100 group-hover:text-gray-700 dark:text-font-default-dark group-hover:dark:bg-gray-800 group-hover:dark:text-white" @click="openActionsId{{ action_id }} = !openActionsId{{ action_id }}">
+            <div class="group/action leading-none relative" x-data="{ openActionsId{{ action_id }}: false }">
+                <span x-ref="rowDropdown{{ action_id }}" class="cursor-pointer flex h-7 material-symbols-outlined md-18 -my-1 !leading-7 rounded text-center text-base-400 w-7 group-hover/action:bg-base-100 group-hover/action:text-base-700 dark:text-font-default-dark group-hover/action:dark:bg-base-800 group-hover/action:dark:text-white" @click="openActionsId{{ action_id }} = !openActionsId{{ action_id }}">
                     more_horiz
                 </span>
 
                 <template x-teleport="body">
-                    <nav x-anchor.bottom-end.offset.4="$refs.rowDropdown{{ action_id }}" class="bg-white border flex flex-col leading-none py-1 rounded-md shadow-lg text-sm top-7 z-50 w-48 dark:bg-gray-800 dark:border-gray-700" x-cloak x-show="openActionsId{{ action_id }}" @click.outside="openActionsId{{ action_id }} = false">
+                    <nav x-anchor.bottom-end.offset.4="$refs.rowDropdown{{ action_id }}" class="bg-white border flex flex-col leading-none py-1 rounded shadow-lg text-sm top-7 z-50 w-48 dark:bg-base-800 dark:border-base-700" x-cloak x-show="openActionsId{{ action_id }}" @click.outside="openActionsId{{ action_id }} = false">
                         {% for action in actions %}
-                            <a href="{% url action.raw_path instance_pk %}" class="mx-1 px-3 py-2 rounded-md truncate hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-gray-200"{% for attr_name, attr_value in action.attrs.items %} {{ attr_name }}="{{ attr_value }}"{% endfor %}>
+                            <a href="{% url action.raw_path instance_pk %}" class="mx-1 px-3 py-2 rounded truncate hover:bg-base-100 dark:hover:bg-base-700 dark:hover:text-base-200"{% for attr_name, attr_value in action.attrs.items %} {{ attr_name }}="{{ attr_value }}"{% endfor %}>
                                 {{ action.title }}
                             </a>
                         {% endfor %}

unfold/templates/unfold/helpers/add_link.html

@@ -10,7 +10,7 @@
 
 {% if add_url %}
     <div class="flex flex-row items-center">
-        <span class="block bg-gray-200 h-5 mx-4 w-px dark:bg-gray-700"></span>
+        <span class="block bg-base-200 h-5 mx-4 w-px dark:bg-base-700"></span>
 
         <a href="{% add_preserved_filters add_url is_popup to_field %}" class="addlink bg-primary-600 flex items-center h-9 justify-center -my-1 rounded-full w-9" title="{{ title }}">
             <span class="material-symbols-outlined text-white">add</span>

unfold/templates/unfold/helpers/app_list.html

@@ -6,28 +6,28 @@
             {% if group.items %}
                 {% has_nav_item_active group.items as has_active %}
 
-                <div class="hidden mb-3 has-[ol]:has-[li]:block" {% if group.collapsible %}x-data="{navigationOpen: {% if has_active %}true{% else %}false{% endif %}}"{% endif %}>
+                <div class="hidden mb-2 has-[ol]:has-[li]:block" {% if group.collapsible %}x-data="{navigationOpen: {% if has_active %}true{% else %}false{% endif %}}"{% endif %}>
                     {% if group.separator %}
-                        <hr class="border-t border-gray-200 mx-6 my-2 dark:border-gray-800" />
+                        <hr class="border-t border-base-200 mx-6 my-2 dark:border-base-800" />
                     {% endif %}
 
                     {% if group.title %}
-                        <h2 class="font-semibold flex flex-row items-center mb-1 mx-3 py-1.5 px-3 select-none text-font-important-light text-sm dark:text-font-important-dark {% if group.collapsible %}cursor-pointer{% endif %}" {% if group.collapsible %}x-on:click="navigationOpen = !navigationOpen"{% endif %}>
+                        <h2 class="font-semibold flex flex-row group items-center mb-1 mx-3 py-1.5 px-3 select-none text-font-important-light text-sm dark:text-font-important-dark {% if group.collapsible %}cursor-pointer hover:text-primary-600 dark:hover:text-primary-500{% endif %}" {% if group.collapsible %}x-on:click="navigationOpen = !navigationOpen"{% endif %}>
                             {{ group.title }}
 
                             {% if group.collapsible %}
-                                <span class="material-symbols-outlined ml-auto text-gray-400 transition-all" x-bind:class="{'rotate-90': navigationOpen}">
+                                <span class="material-symbols-outlined ml-auto text-base-400 transition-all group-hover:text-primary-600 dark:group-hover:text-primary-500" x-bind:class="{'rotate-90': navigationOpen}">
                                     chevron_right
                                 </span>
                             {% endif %}
                         </h2>
                     {% endif %}
 
-                    <ol class="px-6" {% if group.collapsible %}x-show="navigationOpen"{% endif %}>
+                    <ol class="flex flex-col gap-1 px-6" {% if group.collapsible %}x-show="navigationOpen"{% endif %}>
                         {% for item in group.items %}
                             {% if item.has_permission %}
                                 <li>
-                                    <a href="{% if item.link_callback %}{{ item.link_callback }}{% else %}{{ item.link }}{% endif %}" class="flex h-11 items-center -mx-3 px-3 py-2 rounded-md hover:text-primary-600 dark:hover:text-primary-500 {% if item.active %}bg-gray-100 font-semibold text-primary-600 dark:bg-white/[.06] dark:text-primary-500{% endif %}">
+                                    <a href="{% if item.link_callback %}{{ item.link_callback }}{% else %}{{ item.link }}{% endif %}" class="flex h-9.5 items-center -mx-3 px-3 rounded hover:text-primary-600 dark:hover:text-primary-500 {% if item.active %}bg-base-100 font-semibold text-primary-600 dark:bg-white/[.06] dark:text-primary-500{% endif %}">
                                         {% if item.icon %}
                                             <span class="material-symbols-outlined md-18 mr-3 w-4.5">
                                                 {{ item.icon }}
@@ -59,7 +59,7 @@
 
     {% if sidebar_show_all_applications %}
         <div class="mt-auto" x-data="{ openAllApplications: false }">
-            <a class="cursor-pointer flex items-center px-6 py-3 text-sm dark:text-font-default-dark" x-on:click="openAllApplications = !openAllApplications">
+            <a class="cursor-pointer flex items-center px-6 py-3 text-sm dark:text-font-default-dark hover:text-primary-600 dark:hover:text-primary-500" x-on:click="openAllApplications = !openAllApplications">
                 <span class="material-symbols-outlined md-18 mr-3">
                     apps
                 </span>
@@ -70,9 +70,9 @@
             </a>
 
             <div class="absolute bottom-0 left-0 right-0 top-0 z-50 md:left-72" x-cloak x-show="openAllApplications">
-                <div class="absolute bg-gray-900 bg-opacity-80 backdrop-blur-sm bottom-0 left-0 right-0 top-0 z-10 w-screen"></div>
+                <div class="absolute bg-base-900 bg-opacity-80 backdrop-blur-sm bottom-0 left-0 right-0 top-0 z-10 w-screen"></div>
 
-                <div class="bg-white flex flex-col h-full overflow-x-hidden overflow-y-auto py-5 px-8 relative text-sm w-80 z-20 dark:bg-gray-900 dark:border-r dark:border-gray-800" x-on:click.outside="openAllApplications = false" x-on:keydown.escape.window="openAllApplications = false">
+                <div class="bg-white flex flex-col h-full overflow-x-hidden overflow-y-auto py-5 px-8 relative text-sm w-80 z-20 dark:bg-base-900 dark:border-r dark:border-base-800" x-on:click.outside="openAllApplications = false" x-on:keydown.escape.window="openAllApplications = false">
                     {% for app in app_list %}
                         <div class="mb-6 last:mb-0">
                             <h2 class="mb-4 font-semibold text-font-important-light truncate dark:text-font-important-dark">
@@ -82,7 +82,7 @@
                             <ul>
                                 {% for model in app.models %}
                                     <li class="block mb-4 last:mb-0">
-                                        <a href="{{ model.admin_url }}" class="block truncate">
+                                        <a href="{{ model.admin_url }}" class="block truncate hover:text-primary-600 dark:hover:text-primary-500">
                                             {{ model.name }}
                                         </a>
                                     </li>

unfold/templates/unfold/helpers/app_list_default.html

@@ -3,43 +3,43 @@
 {% if app_list %}
     {% for app in app_list %}
         <div class="app-{{ app.app_label }} module{% if app.app_url in request.path %} current-app{% endif %}">
-            <div class="bg-gray-50 mb-6 rounded-md p-3 dark:bg-gray-800">
-                <table class="border border-gray-400/10 border-spacing-none border-separate rounded-md overflow-hidden shadow-sm w-full dark:border-gray-800">
-                    <caption class="font-semibold mb-3 text-gray-900 text-left dark:text-gray-100">
+            <div class="bg-base-50 mb-6 rounded p-3 dark:bg-base-800">
+                <table class="border border-base-400/10 border-spacing-none border-separate rounded overflow-hidden shadow-sm w-full dark:border-base-800">
+                    <caption class="font-semibold mb-3 text-base-900 text-left dark:text-base-100">
                         <a href="{{ app.app_url }}" class="section" title="{% blocktranslate with name=app.name %}Models in the {{ name }} application{% endblocktranslate %}">
                             {{ app.name }}
                         </a>
                     </caption>
 
                     {% for model in app.models %}
-                        <tr class="bg-white dark:bg-gray-900 model-{{ model.object_name|lower }}{% if model.admin_url in request.path %} current-model{% endif %}">
+                        <tr class="bg-white dark:bg-base-900 model-{{ model.object_name|lower }}{% if model.admin_url in request.path %} current-model{% endif %}">
                             {% if model.admin_url %}
-                                <th scope="row" class="font-normal p-3 text-left {% if not forloop.last %}border-b border-gray-100 dark:border-gray-800{% endif %}">
+                                <th scope="row" class="font-normal p-3 text-left {% if not forloop.last %}border-b border-base-100 dark:border-base-800{% endif %}">
                                     <a href="{{ model.admin_url }}"{% if model.admin_url in request.path %} aria-current="page"{% endif %}>
                                         {{ model.name }}
                                     </a>
                                 </th>
                             {% else %}
-                                <th scope="row" class="font-normal p-3 text-left {% if not forloop.last %}border-b border-gray-100 dark:border-gray-800{% endif %}">
+                                <th scope="row" class="font-normal p-3 text-left {% if not forloop.last %}border-b border-base-100 dark:border-base-800{% endif %}">
                                     {{ model.name }}
                                 </th>
                             {% endif %}
 
-                            <td class="{% if not forloop.last %}border-b border-gray-100 dark:border-gray-800{% endif %} p-3 text-right">
+                            <td class="{% if not forloop.last %}border-b border-base-100 dark:border-base-800{% endif %} p-3 text-right">
                                 <div class="flex flex-row items-center ml-auto gap-4 justify-end">
                                     {% if model.add_url %}
-                                        <a href="{{ model.add_url }}" class="addlink block leading-none text-gray-400 transition-colors dark:text-gray-500 " title="{% translate 'Add' %}">
+                                        <a href="{{ model.add_url }}" class="addlink block leading-none text-base-400 transition-colors dark:text-base-500 " title="{% translate 'Add' %}">
                                             <span class="material-symbols-outlined">add</span>
                                         </a>
                                     {% endif %}
 
                                     {% if model.admin_url and show_changelinks %}
                                         {% if model.view_only %}
-                                            <a href="{{ model.admin_url }}" class="viewlink block leading-none text-gray-400 transition-colors dark:text-gray-500" title="{% translate 'View' %} ">
+                                            <a href="{{ model.admin_url }}" class="viewlink block leading-none text-base-400 transition-colors dark:text-base-500" title="{% translate 'View' %} ">
                                                 <span class="material-symbols-outlined">visibility</span>
                                             </a>
                                         {% else %}
-                                            <a href="{{ model.admin_url }}" class="changelink block leading-none text-gray-400 transition-colors dark:text-gray-300" title="{% translate 'Change' %}">
+                                            <a href="{{ model.admin_url }}" class="changelink block leading-none text-base-400 transition-colors dark:text-base-300" title="{% translate 'Change' %}">
                                                 <span class="material-symbols-outlined">edit_square</span>
                                             </a>
                                         {% endif %}