fix: dark mode link colors (#508)

unfoldadmin · Jun 24, 2024 · d1b5a1e · d1b5a1e
1 parent f34ec1b
commit d1b5a1e
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 7 deletions.
diff --git a/src/unfold/static/unfold/css/styles.css b/src/unfold/static/unfold/css/styles.css
diff --git a/src/unfold/templates/admin/actions.html b/src/unfold/templates/admin/actions.html
@@ -37,7 +37,7 @@
                             {{ selection_note_all }}
                         </span>
 
-                        <span class="question hidden text-primary-600 text-sm underline">
+                        <span class="question hidden text-primary-600 text-sm underline dark:text-primary-500">
                             <a href="#" title="{% translate "Click here to select the objects across all pages" %}">
                                 {% blocktranslate with cl.result_count as total_count %}Select all {{ total_count }} {{ module_name }}{% endblocktranslate %}
                             </a>

diff --git a/src/unfold/templates/admin/app_list.html b/src/unfold/templates/admin/app_list.html
@@ -27,7 +27,7 @@ <h3 class="font-medium my-3 text-gray-900 text-sm dark:text-gray-200">
 
                                             {% if model.admin_url %}
                                                 <a href="{{ model.admin_url }}" id="link-{{ app.app_label }}-{{ model.object_name|lower }}"
-                                                   class="border border-transparent flex h-11 items-center -mx-3 px-3 py-2 rounded-md transition-all truncate {% if model.admin_url in request.path|urlencode %}bg-gray-100 font-semibold text-primary-500 dark:border dark:border-gray-800 dark:bg-white/[.02]{% else %}text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200{% endif %}">
+                                                   class="border border-transparent flex h-11 items-center -mx-3 px-3 py-2 rounded-md transition-all truncate {% if model.admin_url in request.path|urlencode %}bg-gray-100 font-semibold text-primary-600 dark:border dark:border-gray-800 dark:bg-white/[.02] dark:text-primary-500{% else %}text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200{% endif %}">
                                                     <span class="text-sm">
                                                         {{ model.name }}
                                                     </span>

diff --git a/src/unfold/templates/admin/filter.html b/src/unfold/templates/admin/filter.html
@@ -14,7 +14,7 @@ <h3 class="font-medium mb-2 text-gray-700 text-sm dark:text-gray-200">
     {% if spec|class_name == "BooleanFieldListFilter" %}
         <ul class="border-l-4 border-gray-200 flex pl-4 py-2 text-gray-500 text-sm dark:border-gray-700">
             {% for choice in choices %}
-                <li class="{% if choice.selected %}font-medium text-primary-500 underline dark{% else %}text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200{% endif %} pr-4">
+                <li class="{% if choice.selected %}font-medium text-primary-600 dark:text-primary-500 underline dark{% else %}text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200{% endif %} pr-4">
                     <a href="{{ choice.query_string|iriencode }}" title="{{ choice.display }}">
                         {{ choice.display }}
                     </a>
@@ -24,7 +24,7 @@ <h3 class="font-medium mb-2 text-gray-700 text-sm dark:text-gray-200">
     {% else %}
         <ul class="border-l-4 border-gray-200 flex flex-col pl-4 py-4 text-gray-500 text-sm dark:border-gray-700">
             {% for choice in choices %}
-                <li class="mb-4 last:mb-0 {% if choice.selected %}font-medium text-primary-500 underline {% else %}text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200{% endif %}">
+                <li class="mb-4 last:mb-0 {% if choice.selected %}font-medium text-primary-600 dark:text-primary-500 underline {% else %}text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200{% endif %}">
                     <a href="{{ choice.query_string|iriencode }}" title="{{ choice.display }}">
                         {{ choice.display }}
                     </a>

diff --git a/src/unfold/templates/admin/login.html b/src/unfold/templates/admin/login.html
@@ -29,7 +29,7 @@
             <div class="w-full sm:w-96">
                 <h1 class="font-semibold mb-10">
                     <span class="block text-gray-700 dark:text-gray-200">{% trans 'Welcome back to' %}</span>
-                    <span class="block text-primary-600 text-xl">{{ site_title }}</span>
+                    <span class="block text-primary-600 text-xl dark:text-primary-500">{{ site_title }}</span>
                 </h1>
 
                 {% include "unfold/helpers/messages/errornote.html" with errors=form.errors %}
@@ -78,7 +78,7 @@ <h1 class="font-semibold mb-10">
 
             <div class="absolute flex flex-row items-center justify-between left-0 m-4 right-0 top-0">
                 {% if site_url %}
-                    <a href="{{ site_url }}" class="flex font-medium items-center text-sm text-primary-600">
+                    <a href="{{ site_url }}" class="flex font-medium items-center text-sm text-primary-600 dark:text-primary-500">
                         <span class="material-symbols-outlined mr-2">arrow_back</span> {% trans 'Return to site' %}
                     </a>
                 {% endif %}