Update active tab indicator colors in light mode to use blue instead of grey

This commit is contained in:
pacnpal
2024-11-13 18:55:14 +00:00
parent 131ef7ceb0
commit caba5c6158

View File

@@ -6,7 +6,7 @@
<div class="flex items-center justify-between p-4 bg-white border rounded-lg dark:bg-gray-800 border-gray-200/50 dark:border-gray-700/50"> <div class="flex items-center justify-between p-4 bg-white border rounded-lg dark:bg-gray-800 border-gray-200/50 dark:border-gray-700/50">
<div class="flex items-center space-x-4"> <div class="flex items-center space-x-4">
<a href="{% url 'moderation:submission_list' %}?status=NEW" <a href="{% url 'moderation:submission_list' %}?status=NEW"
class="flex items-center px-4 py-2.5 rounded-lg font-medium transition-all duration-200 {% if request.GET.status == 'NEW' or not request.GET.status %}bg-blue-900/40 text-blue-400{% else %}text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-300{% endif %}" class="flex items-center px-4 py-2.5 rounded-lg font-medium transition-all duration-200 {% if request.GET.status == 'NEW' or not request.GET.status %}bg-blue-100 text-blue-900 dark:bg-blue-900/40 dark:text-blue-400{% else %}text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-300{% endif %}"
hx-get="{% url 'moderation:submission_list' %}?status=NEW" hx-get="{% url 'moderation:submission_list' %}?status=NEW"
hx-target="#dashboard-content" hx-target="#dashboard-content"
hx-push-url="true" hx-push-url="true"
@@ -16,7 +16,7 @@
</a> </a>
<a href="{% url 'moderation:submission_list' %}?status=APPROVED" <a href="{% url 'moderation:submission_list' %}?status=APPROVED"
class="flex items-center px-4 py-2.5 rounded-lg font-medium transition-all duration-200 {% if request.GET.status == 'APPROVED' %}bg-blue-900/40 text-blue-400{% else %}text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-300{% endif %}" class="flex items-center px-4 py-2.5 rounded-lg font-medium transition-all duration-200 {% if request.GET.status == 'APPROVED' %}bg-blue-100 text-blue-900 dark:bg-blue-900/40 dark:text-blue-400{% else %}text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-300{% endif %}"
hx-get="{% url 'moderation:submission_list' %}?status=APPROVED" hx-get="{% url 'moderation:submission_list' %}?status=APPROVED"
hx-target="#dashboard-content" hx-target="#dashboard-content"
hx-push-url="true" hx-push-url="true"
@@ -26,7 +26,7 @@
</a> </a>
<a href="{% url 'moderation:submission_list' %}?status=REJECTED" <a href="{% url 'moderation:submission_list' %}?status=REJECTED"
class="flex items-center px-4 py-2.5 rounded-lg font-medium transition-all duration-200 {% if request.GET.status == 'REJECTED' %}bg-blue-900/40 text-blue-400{% else %}text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-300{% endif %}" class="flex items-center px-4 py-2.5 rounded-lg font-medium transition-all duration-200 {% if request.GET.status == 'REJECTED' %}bg-blue-100 text-blue-900 dark:bg-blue-900/40 dark:text-blue-400{% else %}text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-300{% endif %}"
hx-get="{% url 'moderation:submission_list' %}?status=REJECTED" hx-get="{% url 'moderation:submission_list' %}?status=REJECTED"
hx-target="#dashboard-content" hx-target="#dashboard-content"
hx-push-url="true" hx-push-url="true"
@@ -36,7 +36,7 @@
</a> </a>
<a href="{% url 'moderation:submission_list' %}?status=ESCALATED" <a href="{% url 'moderation:submission_list' %}?status=ESCALATED"
class="flex items-center px-4 py-2.5 rounded-lg font-medium transition-all duration-200 {% if request.GET.status == 'ESCALATED' %}bg-blue-900/40 text-blue-400{% else %}text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-300{% endif %}" class="flex items-center px-4 py-2.5 rounded-lg font-medium transition-all duration-200 {% if request.GET.status == 'ESCALATED' %}bg-blue-100 text-blue-900 dark:bg-blue-900/40 dark:text-blue-400{% else %}text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-300{% endif %}"
hx-get="{% url 'moderation:submission_list' %}?status=ESCALATED" hx-get="{% url 'moderation:submission_list' %}?status=ESCALATED"
hx-target="#dashboard-content" hx-target="#dashboard-content"
hx-push-url="true" hx-push-url="true"
@@ -46,7 +46,7 @@
</a> </a>
</div> </div>
<button class="flex items-center px-4 py-2.5 rounded-lg font-medium transition-all duration-200 text-gray-600 dark:text-gray-400 hover:text-blue-400 hover:bg-blue-900/40" <button class="flex items-center px-4 py-2.5 rounded-lg font-medium transition-all duration-200 text-gray-600 dark:text-gray-400 hover:text-blue-900 hover:bg-blue-100 dark:hover:text-blue-400 dark:hover:bg-blue-900/40"
hx-get="{{ request.get_full_path }}" hx-get="{{ request.get_full_path }}"
hx-target="#dashboard-content" hx-target="#dashboard-content"
hx-indicator="#loading-indicator"> hx-indicator="#loading-indicator">