fix: dark mode display labels

unfoldadmin · Nov 22, 2022 · f1e71a9 · f1e71a9
1 parent 1c406e0
commit f1e71a9
Show file tree

Hide file tree

Showing 2 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/unfold/helpers/display_label.html b/src/unfold/templates/unfold/helpers/display_label.html
@@ -3,15 +3,15 @@
         {% for item in label %}
             <span class="border font-semibold leading-none mr-2 px-2 py-1 rounded shadow-sm text-xxs uppercase whitespace-nowrap last:mr-0
                 {% if label_type == 'info' %}
-                    bg-blue-50 border-blue-200 text-blue-500
+                    bg-blue-50 border-blue-200 text-blue-500 dark:bg-blue-500/20 dark:border-blue-500/10
                 {% elif label_type == 'danger' %}
-                    bg-red-50 border-red-200 text-red-500
+                    bg-red-50 border-red-200 text-red-500 dark:bg-red-500/20 dark:border-red-500/10
                 {% elif label_type == 'warning' %}
-                    bg-orange-50 border-orange-200 text-orange-500
+                    bg-orange-50 border-orange-200 text-orange-500 dark:bg-orange-500/20 dark:border-orange-500/10
                 {% elif label_type == 'success' %}
-                    bg-green-50 border-green-200 text-green-500
+                    bg-green-50 border-green-200 text-green-500 dark:bg-green-500/20 dark:border-green-500/10
                 {% else %}
-                    bg-white text-gray-400
+                    bg-white text-gray-400 dark:bg-white/[.04] dark:border-gray-800 dark:text-gray-400
                 {% endif %}
         ">
                 {{ item }}
@@ -28,7 +28,7 @@
             {% elif label_type == 'success' %}
                 bg-green-50 border-green-200 text-green-500 dark:bg-green-500/20 dark:border-green-500/10
             {% else %}
-                bg-white text-gray-400
+                bg-white text-gray-400 dark:bg-white/[.04] dark:border-gray-800 dark:text-gray-400
             {% endif %}
     ">
             {{ label }}