django-unfold 0.55.2__py3-none-any.whl → 1.0.0__py3-none-any.whl

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 text-sm">
+        <p class="bg-primary-100 mb-8 text-primary-600 px-3 py-3 rounded-default 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 text-sm text-white">
+                <button type="submit" class="bg-primary-600 border border-transparent font-medium px-3 py-2 rounded-default 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 flex items-center gap-2 px-3 py-2 rounded text-center whitespace-nowrap {% if attrs.disabled %}cursor-not-allowed opacity-50{% endif %} {% 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 %}" {% include "unfold/helpers/attrs.html" %}>
+class="border border-base-200 font-medium flex items-center gap-2 px-3 py-2 rounded-default justify-center whitespace-nowrap {% if attrs.disabled %}cursor-not-allowed opacity-50{% endif %} {% 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 %}" {% include "unfold/helpers/attrs.html" %}>
 {{ children }}
 </{% if href %}a{% else %}button{% endif%}>

unfold/templates/unfold/components/card.html

@@ -1,11 +1,11 @@
-<div class="bg-white border flex flex-col flex-grow overflow-hidden p-6 relative rounded shadow-sm dark:bg-base-900 dark:border-base-800 {% if class %} {{ class }}{% endif %}">
+<div class="bg-white border border-base-200 flex flex-col grow overflow-hidden p-6 relative rounded-default shadow-xs dark:bg-base-900 dark:border-base-800 {% if class %} {{ class }}{% endif %}">
     {% if title %}
-        <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]">
+        <h2 class="bg-base-50 border-b border-base-200 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 %}
 
-    <div class="flex-grow relative {% if icon %} pl-6{% endif %}">
+    <div class="grow relative {% if icon %} pl-6{% endif %}">
         {{ children }}
 
         {% if label %}
@@ -15,12 +15,12 @@
         {% endif %}
 
         {% if icon %}
-            <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>
+            <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-base-800">
+        <div class="border-t border-base-200 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

@@ -1,5 +1,5 @@
 <div class="overflow-auto w-full" data-simplebar>
-    <table class="w-full">
+    <table class="border-separate w-full">
         <thead>
             <tr>
                 <th></th>
@@ -39,7 +39,7 @@
 
                     {% for col in row.cols %}
                         <td class="h-full">
-                            <div class="flex flex-col h-[66px] 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 %}">
+                            <div class="flex flex-col h-[66px] justify-center px-3 py-2.5 rounded-default {% if col.color %}{{ col.color }}{% else %}bg-base-50 border border-base-200 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-base-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-default 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-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 %}">
+            <a href="{{ item.link }}" class="flex flex-row font-medium items-center px-2.5 py-1 rounded-default {% if item.active %} bg-white shadow-xs 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/progress.html

@@ -1,7 +1,7 @@
 <div class="{% if class %}{{ class }}{% endif %}">
     <div class="overflow-hidden relative px-2 py-1 text-sm">
         {% if value %}
-            <div class="absolute bottom-0 left-0 rounded top-0 bg-primary-100 z-10 dark:bg-primary-500/20" style="width: {{ value }}%"></div>
+            <div class="absolute bottom-0 left-0 rounded-default top-0 bg-primary-100 z-10 dark:bg-primary-500/20" style="width: {{ value }}%"></div>
         {% endif %}
 
         <div class="flex flex-row relative z-20">

unfold/templates/unfold/components/table.html

@@ -7,7 +7,7 @@
         </h3>
     {% endif %}
 
-    <div class="{% if card_included == 1 %}-m-6{% else %} bg-white flex flex-col grow lg:border lg:border-base-200 lg:overflow-hidden lg:rounded lg:shadow-sm{% endif %} lg:dark:border-base-800 dark:bg-base-900">
+    <div class="{% if card_included == 1 %}-m-6{% else %} bg-white flex flex-col grow lg:border lg:border-base-200 lg:overflow-hidden lg:rounded-default lg:shadow-xs{% endif %} lg:dark:border-base-800 dark:bg-base-900">
         <div {% if height %}style="max-height: {{ height }}px;" data-simplebar{% endif %}>
             <table class="block border-spacing-none border-separate w-full lg:table">
                 {% if table.headers %}
@@ -25,7 +25,7 @@
                 {% if table.rows %}
                     <tbody class="block lg:table-row-group">
                         {% for row in table.rows %}
-                            <tr class="{% if striped == 1 %}{% cycle '' 'bg-base-50 dark:bg-white/[.02]' %}{% endif %} block group {% if forloop.first %}first-row{% endif %} {% if not card_included == 1 %}border mb-3 rounded shadow-sm{% else %}border-b{% endif %} lg:table-row lg:border-none lg:mb-0 lg:shadow-none dark:border-base-800">
+                            <tr class="{% if striped == 1 %}{% cycle '' 'bg-base-50 dark:bg-white/[.02]' %}{% endif %} block group {% if forloop.first %}first-row{% endif %} {% if not card_included == 1 %}border mb-3 rounded-default shadow-xs{% else %}border-b{% 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-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:group-[.first-row]: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 }}
@@ -39,7 +39,7 @@
         </div>
 
         {% if not table.rows %}
-            <p class="bg-white border border-base-200 flex grow items-center justify-center py-2 rounded shadow-sm dark:bg-base-900 lg:border-0 lg:rounded-none lg:shadow-none">
+            <p class="bg-white border border-base-200 flex grow items-center justify-center py-2 rounded-default shadow-xs dark:bg-base-900 lg:border-0 lg:rounded-none lg:shadow-none">
                 {% trans "No data" %}
             </p>
         {% endif %}

unfold/templates/unfold/components/tracker.html

@@ -1,4 +1,4 @@
-<ul class="flex flex-row gap-0.5 overflow-hidden rounded">
+<ul class="flex flex-row gap-0.5 overflow-hidden rounded-default">
     {% for item in data %}
         <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 %}

unfold/templates/unfold/helpers/account_links.html

@@ -1,34 +1,34 @@
 {% load i18n %}
 
 <div class="relative" x-data="{ openUserLinks: false }">
-    <a class="block cursor-pointer h-4.5 hover:text-base-700 dark:hover:text-base-200" @click="openUserLinks = !openUserLinks">
+    <a class="block cursor-pointer h-[18px] 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-base-800 dark:border-base-700" x-cloak x-show="openUserLinks" x-transition x-on: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">
+    <nav class="absolute bg-white border border-base-200 flex flex-col leading-none py-1 -right-2 rounded-default shadow-lg top-7 w-52 z-50 dark:bg-base-800 dark:border-base-700" x-cloak x-show="openUserLinks" x-transition x-on:click.outside="openUserLinks = false">
+        <div class="border-b border-base-100 flex flex-row 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-base-100 hover:text-base-700 dark:hover:bg-base-700 dark:hover:text-base-200">
+            <a href="{{ site_url }}" target="_blank" class="mx-1 px-3 py-2 rounded-default 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-base-100 hover:text-base-700 dark:hover:bg-base-700 dark:hover:text-base-200">
+            <a href="{% url 'admin:password_change' %}" class="mx-1 px-3 py-2 rounded-default 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-base-700">
+        <div class="border-t border-base-200 mt-1 pt-1 dark:border-base-700">
             <form id="logout-form" method="post" action="{% url 'admin:logout' %}" class="mx-1">
                 {% csrf_token %}
 
-                <button type="submit" class="bg-none block px-3 py-2 text-left text-red-500 rounded w-full hover:bg-red-100 dark:hover:bg-red-500/20 dark:hover:text-red-500">
+                <button type="submit" class="bg-none block px-3 py-2 text-left text-red-500 rounded-default w-full hover:bg-red-100 dark:hover:bg-red-500/20 dark:hover:text-red-500">
                     {% translate 'Log out' %}
                 </button>
             </form>

unfold/templates/unfold/helpers/actions_row.html

@@ -4,16 +4,16 @@
     <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/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"
+                <span x-ref="rowDropdown{{ action_id }}" class="cursor-pointer flex h-7 material-symbols-outlined md-18 -my-1 leading-7! justify-center rounded-default text-center text-base-400 w-7 group-hover/action:bg-base-100 group-hover/action:text-base-700 dark:text-font-default-dark dark:group-hover/action:bg-base-800 dark:group-hover/action:text-white"
                       x-on:click="openActionsId{{ action_id }} = !openActionsId{{ action_id }}"
                       x-bind:class="{'bg-base-100 text-base-700 dark:bg-base-800 dark:text-white': 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 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 }}" x-transition x-on:click.outside="openActionsId{{ action_id }} = false">
+                    <nav x-anchor.bottom-end.offset.4="$refs.rowDropdown{{ action_id }}" class="bg-white border border-base-200 flex flex-col py-1 rounded-default 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 }}" x-transition x-on:click.outside="openActionsId{{ action_id }} = false">
                         {% for action in actions %}
-                            <a href="{% url action.raw_path instance_pk %}" class="flex items-center gap-2 mx-1 px-3 py-2 max-h-[30px] rounded 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 %}>
+                            <a href="{% url action.raw_path instance_pk %}" class="flex items-center gap-2 mx-1 px-3 py-2 max-h-[30px] rounded-default 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 %}>
                                 {% if action.icon %}
                                     <span class="material-symbols-outlined">
                                         {{ action.icon }}

unfold/templates/unfold/helpers/app_list.html

@@ -1,7 +1,7 @@
 {% load i18n unfold %}
 
 {% if sidebar_navigation %}
-    <div class="h-0 flex-grow overflow-auto" data-simplebar>
+    <div class="h-0 grow overflow-auto" data-simplebar>
         {% for group in sidebar_navigation %}
             {% if group.items %}
                 {% has_nav_item_active group.items as has_active %}
@@ -16,7 +16,7 @@
                             {{ group.title }}
 
                             {% if group.collapsible %}
-                                <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}">
+                                <span class="material-symbols-outlined ml-auto transition-all group-hover:text-primary-600 dark:group-hover:text-primary-500" x-bind:class="{'rotate-90': navigationOpen}">
                                     chevron_right
                                 </span>
                             {% endif %}
@@ -27,9 +27,9 @@
                         {% 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-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 %}">
+                                    <a href="{% if item.link_callback %}{{ item.link_callback }}{% else %}{{ item.link }}{% endif %}" class="flex h-[38px] items-center -mx-3 px-3 rounded-default 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">
+                                            <span class="material-symbols-outlined md-18 mr-3 w-[18px]">
                                                 {{ item.icon }}
                                             </span>
                                         {% endif %}
@@ -39,7 +39,7 @@
                                         </span>
 
                                         {% if item.badge %}
-                                            <span class="bg-red-600 font-semibold ml-2 px-1 relative rounded-sm text-xs text-white">
+                                            <span class="bg-red-600 font-semibold ml-2 px-1 relative rounded-xs text-xs text-white">
                                                 {% if item.badge_callback %}
                                                     {{ item.badge_callback }}
                                                 {% else %}
@@ -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 hover:text-primary-600 dark:hover:text-primary-500" x-on:click="openAllApplications = !openAllApplications">
+            <a class="cursor-pointer flex items-center h-[64px] 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,7 +70,7 @@
             </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-base-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/80 backdrop-blur-xs 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-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 %}

unfold/templates/unfold/helpers/app_list_default.html

@@ -3,8 +3,8 @@
 {% 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-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">
+            <div class="bg-base-50 mb-6 rounded-default p-3 dark:bg-base-800">
+                <table class="border border-base-400/10 border-spacing-none border-separate rounded-default overflow-hidden shadow-xs 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 }}

unfold/templates/unfold/helpers/change_list_actions.html

@@ -3,7 +3,7 @@
 {% if actions_on_top %}
     {% if cl.search_fields or action_form or cl.has_filters %}
         <div class="bottom-0 left-0 right-0 hidden bg-primary-600 group-has-[input.action-select:checked]:flex fixed gap-3 lg:h-[71px] items-center p-3 z-50 lg:flex-row dark:bg-primary-500">
-            <div id="changelist-actions-wrapper" class="flex-grow lg:px-4" {% if not is_popup %}x-bind:class="{'xl:ml-0': !sidebarDesktopOpen, 'xl:ml-72': sidebarDesktopOpen}"{% endif %}>
+            <div id="changelist-actions-wrapper" class="grow lg:px-4" {% if not is_popup %}x-bind:class="{'xl:ml-0': !sidebarDesktopOpen, 'xl:ml-72': sidebarDesktopOpen}"{% endif %}>
                 {% if action_form %}
                     {% admin_actions %}
                 {% endif %}

unfold/templates/unfold/helpers/change_list_filter.html

@@ -1,10 +1,10 @@
 {% load i18n admin_list unfold %}
 
-<div id="changelist-filter" class="backdrop-blur-sm bg-opacity-80 bg-base-900 flex inset-0 z-50 fixed {% if not cl.model_admin.list_filter_sheet %}2xl:pb-24 2xl:bg-transparent 2xl:relative 2xl:!block 2xl:z-10{% endif %}" hx-preserve x-show="filterOpen">
-    <div id="changelist-filter-close" class="flex-grow {% if not cl.model_admin.list_filter_sheet %}2xl:hidden{% endif %}" x-on:click="filterOpen = false"></div>
+<div id="changelist-filter" class="backdrop-blur-xs bg-base-900/80 flex inset-0 z-50 fixed {% if not cl.model_admin.list_filter_sheet %}2xl:pb-24 2xl:bg-transparent 2xl:relative 2xl:block! 2xl:z-10{% endif %}" hx-preserve x-show="filterOpen">
+    <div id="changelist-filter-close" class="grow {% if not cl.model_admin.list_filter_sheet %}2xl:hidden{% endif %}" x-on:click="filterOpen = false"></div>
 
-    <div class="bg-white flex m-4 overflow-hidden rounded shadow-sm w-80 dark:bg-base-800 {% if not cl.model_admin.list_filter_sheet %} 2xl:overflow-visible 2xl:border-0 2xl:shadow-none 2xl:sticky 2xl:top-4 2xl:dark:border-base-800 2xl:bg-transparent 2xl:dark:!bg-transparent 2xl:m-0{% endif %}">
-        <div class="flex-grow h-full overflow-auto relative {% if not cl.model_admin.list_filter_sheet %} 2xl:overflow-visible{% endif %}">
+    <div class="bg-white flex m-4 overflow-hidden rounded-default shadow-xs w-80 dark:bg-base-800 {% if not cl.model_admin.list_filter_sheet %} 2xl:overflow-visible 2xl:border-0 2xl:shadow-none 2xl:sticky 2xl:top-4 2xl:dark:border-base-800 2xl:bg-transparent 2xl:dark:bg-transparent! 2xl:m-0{% endif %}">
+        <div class="grow h-full overflow-auto relative {% if not cl.model_admin.list_filter_sheet %} 2xl:overflow-visible{% endif %}">
             <{% if cl.model_admin.list_filter_submit %}form id="filter-form" method="get"{% else %}div{% endif %} class="flex flex-col h-full {% if not cl.model_admin.list_filter_sheet %}2xl:px-0{% endif %}">
             {% if cl.model_admin.list_filter_submit %}
                 {% preserve_filters %}

unfold/templates/unfold/helpers/change_list_filter_actions.html

@@ -1,9 +1,9 @@
 {% load i18n %}
 
 {% if cl.model_admin.list_filter_submit or cl.is_facets_optional or cl.has_active_filters %}
-    <div class="bg-white border-t border-base-200 p-3 py-2.5 dark:bg-base-800 dark:border-base-700{% if not cl.model_admin.list_filter_sheet %} 2xl:!border-t-0 2xl:!bg-transparent 2xl:px-0{% endif %}">
+    <div class="bg-white border-t border-base-200 p-3 py-2.5 dark:bg-base-800 dark:border-base-700{% if not cl.model_admin.list_filter_sheet %} 2xl:border-t-0! 2xl:bg-transparent! 2xl:px-0{% endif %}">
         {% if cl.model_admin.list_filter_submit %}
-            <button type="submit" class="bg-primary-600 block border border-transparent font-medium px-3 py-2 rounded text-white w-full">
+            <button type="submit" class="bg-primary-600 block border border-transparent font-medium px-3 py-2 rounded-default text-white w-full">
                 {% trans "Apply Filters" %}
             </button>
         {% endif %}
@@ -12,18 +12,18 @@
             <span id="changelist-filter-extra-actions" class="flex flex-row gap-2 items-center mt-2">
                 {% if cl.is_facets_optional %}
                     {% if cl.add_facets %}
-                        <a href="{{ cl.remove_facet_link }}" class="hidelink border flex-grow font-medium px-3 py-2 rounded text-center transition-all w-full hover:bg-base-50 lg:w-auto dark:border-base-700 dark:hover:text-base-200">
+                        <a href="{{ cl.remove_facet_link }}" class="hidelink border grow font-medium px-3 py-2 rounded-default text-center transition-all w-full hover:bg-base-50 lg:w-auto dark:border-base-700 dark:hover:text-base-200">
                             {% trans "Hide counts" %}
                         </a>
                     {% else %}
-                        <a href="{{ cl.add_facet_link }}" class="viewlink border flex-grow font-medium px-3 py-2 rounded text-center transition-all w-full lg:w-auto dark:border-base-700 dark:hover:text-base-200">
+                        <a href="{{ cl.add_facet_link }}" class="viewlink border border-base-200 grow font-medium px-3 py-2 rounded-default text-center transition-all w-full lg:w-auto dark:border-base-700 dark:hover:text-base-200">
                             {% trans "Show counts" %}
                         </a>
                     {% endif %}
                 {% endif %}
 
                 {% if cl.has_active_filters %}
-                    <a href="{{ cl.clear_all_filters_qs }}" class="border flex-grow font-medium px-3 py-2 rounded text-center transition-all w-full lg:w-auto dark:border-base-700 dark:hover:text-base-200">
+                    <a href="{{ cl.clear_all_filters_qs }}" class="border border-base-200 grow font-medium px-3 py-2 rounded-default text-center transition-all w-full lg:w-auto dark:border-base-700 dark:hover:text-base-200">
                         {% trans "Clear all filters" %}
                     </a>
                 {% endif %}

unfold/templates/unfold/helpers/delete_submit_line.html

@@ -1,11 +1,11 @@
 {% load i18n %}
 
 <div class="flex flex-col gap-3 items-center w-full lg:flex-row">
-    <a href="#" class="border cancel-link flex items-center justify-center font-medium px-3 py-2 rounded w-full hover:bg-base-50 lg:block lg:mb-0 lg:w-auto dark:border-base-700 dark:text-font-default-dark dark:hover:text-base-200 dark:hover:bg-base-900">
+    <a href="#" class="border border-base-200 cancel-link flex items-center justify-center font-medium px-3 py-2 rounded-default w-full hover:bg-base-50 lg:block lg:mb-0 lg:w-auto dark:border-base-700 dark:text-font-default-dark dark:hover:text-base-200 dark:hover:bg-base-900">
         {% translate "No, take me back" %}
     </a>
 
-    <button type="submit" class="bg-red-600 cursor-pointer flex items-center justify-center font-medium h-9.5 ml-0 px-3 py-2 rounded text-white w-full lg:ml-auto lg:w-auto dark:bg-red-500/20 dark:text-red-500">
+    <button type="submit" class="bg-red-600 cursor-pointer flex items-center justify-center font-medium h-[38px] ml-0 px-3 py-2 rounded-default text-white w-full lg:ml-auto lg:w-auto dark:bg-red-500/20 dark:text-red-500">
         {% translate "Yes, I’m sure" %}
     </button>
 </div>

unfold/templates/unfold/helpers/display_dropdown.html

@@ -14,13 +14,13 @@
             {% if total > 0 or value.content %}
                 <template x-teleport="body">
                     {% if value.content %}
-                        <div class="bg-white border overflow-y-auto overflow-x-hidden p-3 rounded shadow-lg text-sm top-7 z-50 w-48 dark:bg-base-800 dark:border-base-700" data-simplebar x-cloak x-transition x-anchor.bottom-start.offset.4="$refs.rowDropdown{{ dropdown_id }}" x-show="openDropdownId{{ dropdown_id }}"x-on:click.outside="openDropdownId{{ dropdown_id }} = false" {% if value.width or value.height %}style="{% if value.width %}width: {{ value.width }}px;{% endif %}{% if value.height %}height: {{ value.height }}px;{% endif %}"{% endif %}>
+                        <div class="bg-white border border-base-200 overflow-y-auto overflow-x-hidden p-3 rounded-default shadow-lg text-sm top-7 z-50 w-48 dark:bg-base-800 dark:border-base-700" data-simplebar x-cloak x-transition x-anchor.bottom-start.offset.4="$refs.rowDropdown{{ dropdown_id }}" x-show="openDropdownId{{ dropdown_id }}"x-on:click.outside="openDropdownId{{ dropdown_id }} = false" {% if value.width or value.height %}style="{% if value.width %}width: {{ value.width }}px;{% endif %}{% if value.height %}height: {{ value.height }}px;{% endif %}"{% endif %}>
                             {{ value.content }}
                         </div>
                     {% else %}
-                        <nav class="bg-white border overflow-y-auto overflow-x-hidden flex flex-col py-1 rounded shadow-lg text-sm top-7 z-50 w-48 dark:bg-base-800 dark:border-base-700" data-simplebar x-cloak x-transition x-anchor.bottom-start.offset.4="$refs.rowDropdown{{ dropdown_id }}" x-show="openDropdownId{{ dropdown_id }}"x-on:click.outside="openDropdownId{{ dropdown_id }} = false" {% if value.width or value.height %}style="{% if value.width %}width: {{ value.width }}px;{% endif %}{% if value.height %}height: {{ value.height }}px;{% endif %}"{% endif %}>
+                        <nav class="bg-white border border-base-200 overflow-y-auto overflow-x-hidden flex flex-col py-1 rounded-default shadow-lg text-sm top-7 z-50 w-48 dark:bg-base-800 dark:border-base-700" data-simplebar x-cloak x-transition x-anchor.bottom-start.offset.4="$refs.rowDropdown{{ dropdown_id }}" x-show="openDropdownId{{ dropdown_id }}"x-on:click.outside="openDropdownId{{ dropdown_id }} = false" {% if value.width or value.height %}style="{% if value.width %}width: {{ value.width }}px;{% endif %}{% if value.height %}height: {{ value.height }}px;{% endif %}"{% endif %}>
                             {% for item in value.items %}
-                                <{% if item.link %}a{% else %}span{% endif %} {% if item.link %}href="{{ item.link }}"{% endif %} class="flex items-center gap-2 mx-1 px-3 py-2 max-h-[30px] rounded hover:bg-base-100 dark:hover:bg-base-700 dark:hover:text-base-200 {% if value.striped %}{% cycle '' 'bg-base-50 dark:bg-white/[.04]' %}{% endif %}">
+                                <{% if item.link %}a{% else %}span{% endif %} {% if item.link %}href="{{ item.link }}"{% endif %} class="flex items-center gap-2 mx-1 px-3 py-2 max-h-[30px] rounded-default hover:bg-base-100 dark:hover:bg-base-700 dark:hover:text-base-200 {% if value.striped %}{% cycle '' 'bg-base-50 dark:bg-white/[.04]' %}{% endif %}">
                                 <span class="grow truncate">{{ item.title }}</span>
                                 </{% if item.link %}a{% else %}span{% endif %}>
                             {% endfor %}

unfold/templates/unfold/helpers/display_header.html

@@ -11,7 +11,7 @@
             </span>
         {% endif %}
     {% elif value.2 %}
-        <span class="bg-white border flex font-medium h-8 justify-center items-center rounded-full text-xs uppercase w-8 dark:bg-base-900 dark:border-base-700">
+        <span class="bg-white border border-base-200 flex font-medium h-8 justify-center items-center rounded-full text-xs uppercase w-8 dark:bg-base-900 dark:border-base-700">
             {{ value.2 }}
         </span>
     {% endif %}

unfold/templates/unfold/helpers/edit_inline/tabular_delete.html

@@ -1,7 +1,7 @@
 {% load i18n unfold %}
 
 {% if inline_admin_formset.formset.can_delete and inline_admin_formset.has_delete_permission %}
-    <td class="border-t border-base-200 dark:border-base-800 lg:border-t-0 min-h-[62.5px] delete {% if inline_admin_form.original %}p-3 lg:py-3{% else %}py-3{% endif %} text-left text-red-600 flex items-center before:capitalize before:font-semibold before:content-[attr(data-label)] before:mr-auto before:text-font-important-light before:pr-4 lg:before:hidden font-normal px-3 text-sm lg:align-top lg:table-cell lg:w-px before:dark:text-font-important-dark" data-label="{% trans "Remove" %}">
+    <td class="lg:border-t border-base-200 dark:border-base-800 lg:border-t-0 min-h-[62.5px] delete {% if inline_admin_form.original %}p-3 lg:py-3{% else %}py-3{% endif %} text-left text-red-600 flex items-center before:capitalize before:font-semibold before:content-[attr(data-label)] before:mr-auto before:text-font-important-light before:pr-4 lg:before:hidden font-normal px-3 text-sm lg:align-top lg:table-cell lg:w-px dark:before:text-font-important-dark" data-label="{% trans "Remove" %}">
         {% if inline_admin_form.original %}
             <div class="flex flex-row lg:mt-3">
                 <div class="ml-auto">

unfold/templates/unfold/helpers/edit_inline/tabular_field.html

@@ -12,7 +12,7 @@
     {% if field.is_readonly %}
         {% include "unfold/helpers/field_readonly_value.html" with tabular=1 %}
     {% else %}
-        <div class="flex flex-col">
+        <div class="flex flex-col grow">
             {{ field.field }}
 
             {% if field.field.errors|length > 0 %}

unfold/templates/unfold/helpers/edit_inline/tabular_row.html

@@ -15,7 +15,7 @@
         {% for line in fieldset %}
             {% for field in line %}
                 {% if field.is_readonly or not field.field.is_hidden %}
-                    <td{% if field.field.name %} class="min-h-[62.5px] field-{{ field.field.name }} group field-tabular {% if field.field.errors|length > 0 %} errors{% endif %}{% if inline_admin_form.original %} p-3 lg:py-3{% else %} py-3{% endif %}{% if field.is_checkbox %} align-middle{% else %} align-top{% endif %} flex items-center before:capitalize before:font-semibold before:content-[attr(data-label)] before:mr-auto before:font-text before:pr-4 lg:before:hidden font-normal px-3 lg:first:pl-3 lg:last:pr-3 lg:px-1.5 text-left lg:table-cell {% if field.field.is_hidden %} !hidden{% endif %} {% if inline_admin_formset.opts.ordering_field and field.field.name == inline_admin_formset.opts.ordering_field and inline_admin_formset.opts.hide_ordering_field %}!hidden{% endif %}"{% endif %} data-label="{{ field.field.label }}">
+                    <td{% if field.field.name %} class="min-h-[62.5px] border-b max-md:border-b border-base-200 dark:border-base-800 field-{{ field.field.name }} group field-tabular {% if field.field.errors|length > 0 %} errors{% endif %}{% if inline_admin_form.original %} p-3 lg:py-3{% else %} py-3{% endif %}{% if field.is_checkbox %} align-middle{% else %} align-top{% endif %} flex items-center before:capitalize before:font-semibold before:content-[attr(data-label)] before:text-font-important-light dark:before:text-font-important-dark before:mr-auto before:font-text before:pr-4 lg:before:hidden font-normal px-3 lg:first:pl-3 lg:last:pr-3 lg:px-1.5 text-left lg:table-cell {% if field.field.is_hidden %} hidden!{% endif %} {% if inline_admin_formset.opts.ordering_field and field.field.name == inline_admin_formset.opts.ordering_field and inline_admin_formset.opts.hide_ordering_field %}hidden!{% endif %}"{% endif %} data-label="{{ field.field.label }}">
                         {% include "unfold/helpers/edit_inline/tabular_field.html" %}
                     </td>
                 {% endif %}

unfold/templates/unfold/helpers/edit_inline/tabular_title.html

@@ -1,7 +1,7 @@
 {% load admin_modify admin_urls i18n %}
 
 {% if inline_admin_form.original or inline_admin_form.show_url %}
-    <tr class="border-b border-base-200 dark:border-base-800 bg-base-50 dark:bg-white/[.02] lg:bg-transparent lg:border-0 dark:lg:!bg-transparent">
+    <tr class="border-b border-base-200 dark:border-base-800 bg-base-50 dark:bg-white/[.02] lg:bg-transparent lg:border-0 dark:lg:bg-transparent!">
         <td class="original" colspan="{{ inline_admin_form|cell_count }}">
             {% if not inline_admin_formset.opts.hide_title %}
                 {% if inline_admin_form.original or inline_admin_form.show_url %}

unfold/templates/unfold/helpers/empty_results.html

@@ -3,9 +3,9 @@
 {% url cl.opts|admin_urlname:"add" as add_url %}
 {% blocktranslate with name=cl.opts.verbose_name asvar title %}Add {{ name }}{% endblocktranslate %}
 
-<div class="bg-white border border-base-200 flex flex-col items-center px-8 py-24 rounded shadow-sm dark:bg-base-900 dark:border-base-800">
+<div class="bg-white border border-base-200 flex flex-col items-center px-8 py-24 rounded-default shadow-xs dark:bg-base-900 dark:border-base-800">
     <div class="border border-base-300 border-dashed flex h-24 items-center justify-center mb-8 rounded-full w-24 dark:border-base-700">
-        <span class="material-symbols-outlined text-base-500 !text-5xl dark:text-base-400">inbox</span>
+        <span class="material-symbols-outlined text-base-500 text-5xl! dark:text-base-400">inbox</span>
     </div>
 
     <h2 class="font-semibold mb-1 text-xl text-font-important-light tracking-tight dark:text-font-important-dark">
@@ -19,14 +19,14 @@
     {% if has_add_permission or cl.has_filters %}
         <div class="flex flex-col gap-4 justify-center w-full lg:flex-row">
             {% if has_add_permission %}
-                <a href="{% add_preserved_filters add_url is_popup to_field %}" class="bg-primary-600 flex flex-row font-medium gap-2 items-center h-9.5 justify-center px-3 py-2 rounded text-white w-full lg:w-auto">
+                <a href="{% add_preserved_filters add_url is_popup to_field %}" class="bg-primary-600 flex flex-row font-medium gap-2 items-center h-[38px] justify-center px-3 py-2 rounded-default text-white w-full lg:w-auto">
                     <span class="material-symbols-outlined text-white">add</span> {{ title }}
                 </a>
             {% endif %}
 
 
             {% if cl.has_filters %}
-                <a href="{{ cl.clear_all_filters_qs }}" class="border border-base-200 flex flex-row font-medium gap-2 group/button h-9.5 items-center justify-center px-3 py-2 rounded w-full hover:text-primary-600 lg:w-auto dark:border-base-700 dark:hover:bg-base-900 dark:hover:text-primary-500">
+                <a href="{{ cl.clear_all_filters_qs }}" class="border border-base-200 flex flex-row font-medium gap-2 group/button h-[38px] items-center justify-center px-3 py-2 rounded-default w-full hover:text-primary-600 lg:w-auto dark:border-base-700 dark:hover:bg-base-900 dark:hover:text-primary-500">
                     <span class="material-symbols-outlined ml-1">filter_list_off</span> {% trans "Reset filters" %}
                 </a>
             {% endif %}

unfold/templates/unfold/helpers/field_readonly_value.html

@@ -1 +1 @@
-<div class="readonly break-words {% if field.is_json %}max-w-4xl{% else %}max-w-2xl{% endif %} py-2 text-sm *:rounded {% if not adminform.model_admin.compressed_fields and not field.is_image %}bg-base-50 border font-medium px-3 rounded shadow-sm dark:border-base-700 dark:bg-base-800{% endif %} {% if field.is_image %}inline-block [&_img]:rounded !py-0{% endif %}">{% if value %}{{ value }}{% elif field.contents %}{{ field.contents }}{% else %}-{% endif %}</div>
+<div class="readonly break-words {% if field.is_json %}max-w-4xl{% else %}max-w-2xl{% endif %} py-2 text-sm *:rounded-default {% if not adminform.model_admin.compressed_fields and not field.is_image %}bg-base-50 border font-medium px-3 rounded-default shadow-xs dark:border-base-700 dark:bg-base-800{% endif %} {% if field.is_image %}inline-block [&_img]:rounded-default py-0!{% endif %}">{% if value %}{{ value }}{% elif field.contents %}{{ field.contents }}{% else %}-{% endif %}</div>

unfold/templates/unfold/helpers/fieldset_row_checkbox.html

@@ -1,10 +1,10 @@
 {% if adminform.model_admin.compressed_fields %}
-    <div class="flex flex-col gap-4 py-2 lg:flex-row">
+    <div class="flex flex-col gap-2 py-2 lg:flex-row">
         <div class="font-medium flex items-start -ml-2 min-w-32 w-32 lg:min-w-56 lg:w-56">
             {{ field.label_tag }}
         </div>
 
-        <div class="flex-grow">
+        <div class="grow">
             <div class="flex flex-col lg:flex-row">
                 {{ field.field }}
 

unfold/templates/unfold/helpers/fieldset_row_field.html

@@ -2,7 +2,7 @@
     {{ field.label_tag }}
 </div>
 
-<div class="flex-grow">
+<div class="grow">
     {% if field.is_readonly %}
         {% include "unfold/helpers/field_readonly_value.html" %}
     {% else %}

unfold/templates/unfold/helpers/fieldsets_tabs.html

@@ -3,7 +3,7 @@
 {% with tabs=adminform|tabs %}
     {% if tabs %}
         <div x-data="{openTab: null}" x-show="activeTab == 'general'">
-            <ul class="bg-base-100 flex gap-10 mb-6 px-4 py-3 rounded text-font-default-light lg:-mx-4 dark:bg-white/[.02] dark:text-font-default-dark">
+            <ul class="bg-base-100 flex gap-10 mb-6 px-4 py-3 rounded-default text-font-default-light 2xl:-mx-4 dark:bg-white/[.02] dark:text-font-default-dark">
                 {% for fieldset in tabs %}
                     <li>
                         <a class="cursor-pointer font-semibold hover:text-base-700 dark:hover:text-white"

unfold/templates/unfold/helpers/header.html

@@ -1,6 +1,8 @@
+{% load unfold %}
+
 {% if not is_popup %}
     {% block header %}
-        <div class="border-b border-base-200 mb-6 px-4 lg:px-8 dark:border-base-800">
+        <div class="bg-white border-b border-base-200 mb-6 px-4 z-40 dark:bg-base-900 dark:border-base-800 {% element_classes 'header' %}">
             <div class="{% if not cl.model_admin.list_fullwidth %}container{% endif %} flex items-center h-16 mx-auto py-4">
                 <div id="header-inner" class="flex items-center w-full">
                     <div class="flex items-center w-full">

unfold/templates/unfold/helpers/header_back_button.html

@@ -4,7 +4,7 @@
     {% if opts and adminform %}
         {% url opts|admin_urlname:'changelist' as changelist_url %}
 
-        <a href="{% add_preserved_filters changelist_url %}" class="block h-4.5 mr-3" title="{% trans "Go back" %}">
+        <a href="{% add_preserved_filters changelist_url %}" class="block h-[18px] mr-3" title="{% trans "Go back" %}">
             <span class="material-symbols-outlined">
                 arrow_back
             </span>

unfold/templates/unfold/helpers/history.html

@@ -4,14 +4,14 @@
 
 {% if admin_log %}
     <div id="content-related" class="lg:w-96">
-        <div id="recent-actions-module" class="module bg-base-50 rounded p-3 dark:bg-base-800">
+        <div id="recent-actions-module" class="module bg-base-50 rounded-default p-3 dark:bg-base-800">
             <h2 class="mb-3 font-semibold text-base-900 dark:text-base-100">
                 {% translate 'Recent actions' %}
             </h2>
 
             <ul class="actionlist">
                 {% for entry in admin_log %}
-                    <li class="{% if entry.is_addition %}addlink{% endif %}{% if entry.is_change %}changelink{% endif %}{% if entry.is_deletion %}deletelink{% endif %} border border-base-400/10 bg-white mb-3 p-3 rounded shadow-sm last:mb-0 dark:bg-base-900">
+                    <li class="{% if entry.is_addition %}addlink{% endif %}{% if entry.is_change %}changelink{% endif %}{% if entry.is_deletion %}deletelink{% endif %} border border-base-400/10 bg-white mb-3 p-3 rounded-default shadow-xs last:mb-0 dark:bg-base-900">
                         <div class="mb-3 overflow-hidden text-ellipsis whitespace-nowrap">
                             {% if entry.is_deletion or not entry.get_admin_url %}
                                 {{ entry.object_repr }}

unfold/templates/unfold/helpers/label.html

@@ -1,4 +1,4 @@
-<span class="inline-block font-semibold leading-normal px-2 py-1 rounded text-xxs uppercase whitespace-nowrap
+<span class="inline-block font-semibold leading-normal px-2 py-1 rounded-default text-[11px] uppercase whitespace-nowrap
              {% if type == 'info' %}
                  bg-blue-100 text-blue-700 dark:bg-blue-500/20 dark:text-blue-400
              {% elif type == 'danger' %}

unfold/templates/unfold/helpers/language_switch.html

@@ -6,11 +6,11 @@
 
 
 <div class="relative" x-data="{ openLanguageLinks: false }">
-    <a class="block cursor-pointer h-4.5 hover:text-base-700 dark:hover:text-base-200" x-on:click="openLanguageLinks = !openLanguageLinks">
+    <a class="block cursor-pointer h-[18px] hover:text-base-700 dark:hover:text-base-200" x-on:click="openLanguageLinks = !openLanguageLinks">
         <span class="material-symbols-outlined">translate</span>
     </a>
 
-    <div 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="openLanguageLinks" x-transition x-on:click.outside="openLanguageLinks = false">
+    <div class="absolute bg-white border border-base-200 flex flex-col leading-none py-1 -right-2 rounded-default shadow-lg top-7 w-52 z-50 dark:bg-base-800 dark:border-base-700" x-cloak x-show="openLanguageLinks" x-transition x-on:click.outside="openLanguageLinks = false">
         {% for language in languages %}
             <form action="{% url 'set_language' %}" method="post" class="flex w-full">
                 {% csrf_token %}
@@ -18,7 +18,7 @@
                 <input name="next" type="hidden" value="{{ redirect_to }}">
                 <input name="language" type="hidden" value="{{ language.code }}">
 
-                <button type="submit" class="block flex-grow mx-1 px-3 py-2 rounded text-left hover:bg-base-100 hover:text-base-700 dark:hover:bg-base-700 dark:hover:text-base-200 {% if language.code == LANGUAGE_CODE %}text-primary-600 dark:text-primary-500 dark:hover:!text-primary-500 hover:!text-primary-600{% endif %}">
+                <button type="submit" class="block grow mx-1 px-3 py-2 rounded-default text-left hover:bg-base-100 hover:text-base-700 dark:hover:bg-base-700 dark:hover:text-base-200 {% if language.code == LANGUAGE_CODE %}text-primary-600 dark:text-primary-500 dark:hover:text-primary-500! hover:text-primary-600!{% endif %}">
                     {{ language.name_local }} ({{ language.code }})
                 </button>
             </form>

unfold/templates/unfold/helpers/messages/debug.html

@@ -1,3 +1,3 @@
-<div class="mb-3 px-3 py-3 rounded text-sm last:mb-8 bg-base-100 text-base-700 dark:bg-base-500/20 dark:text-base-400">
+<div class="mb-3 px-3 py-3 rounded-default text-sm last:mb-8 bg-base-100 text-base-700 dark:bg-base-500/20 dark:text-base-400">
     {{ message }}
 </div>

unfold/templates/unfold/helpers/messages/error.html

@@ -1,7 +1,7 @@
 {% load i18n %}
 
 {% if errors or error or message %}
-    <div class="errornote mb-3 px-3 py-3 rounded group-[.inline-tabular]:mb-0 group-[.inline-tabular]:mt-3 group-[.inline-tabular]:mx-3 group-[.inline-stacked]:mb-3 group-[.inline-stacked]:mt-3 group-[.inline-stacked]:mx-3 bg-red-100 text-red-700 dark:bg-red-500/20 dark:text-red-400">
+    <div class="errornote mb-3 px-3 py-3 rounded-default group-[.inline-tabular]:mb-0 group-[.inline-tabular]:mt-3 group-[.inline-tabular]:mx-3 group-[.inline-stacked]:mb-3 group-[.inline-stacked]:mt-3 group-[.inline-stacked]:mx-3 bg-red-100 text-red-700 dark:bg-red-500/20 dark:text-red-400">
         {% if error %}
             {{ error }}
         {% elif message %}