From a30f3ef64444467803b210ba644cf302e131b730 Mon Sep 17 00:00:00 2001
From: pacnpal <183241239+pacnpal@users.noreply.github.com>
Date: Wed, 13 Nov 2024 18:51:15 +0000
Subject: [PATCH] Update dark mode styling for moderation dashboard to match
 site theme

---
 .../partials/dashboard_content.html           | 28 +++++++++----------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/templates/moderation/partials/dashboard_content.html b/templates/moderation/partials/dashboard_content.html
index 251adae9..f8a40e6f 100644
--- a/templates/moderation/partials/dashboard_content.html
+++ b/templates/moderation/partials/dashboard_content.html
@@ -1,12 +1,12 @@
 {% load static %}
 
-<h1 class="mb-6 text-2xl font-bold text-gray-200">Moderation Dashboard</h1>
+<h1 class="mb-6 text-2xl font-bold text-gray-900 dark:text-gray-200">Moderation Dashboard</h1>
 
 <div class="space-y-6">
-    <div class="flex items-center justify-between p-4 bg-gray-900 rounded-lg">
+    <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">
             <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-400 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-900/40 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-target="#dashboard-content"
                hx-push-url="true"
@@ -16,7 +16,7 @@
             </a>
             
             <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-400 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-900/40 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-target="#dashboard-content"
                hx-push-url="true"
@@ -26,7 +26,7 @@
             </a>
             
             <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-400 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-900/40 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-target="#dashboard-content"
                hx-push-url="true"
@@ -36,7 +36,7 @@
             </a>
             
             <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-400 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-900/40 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-target="#dashboard-content"
                hx-push-url="true"
@@ -46,7 +46,7 @@
             </a>
         </div>
 
-        <button class="flex items-center px-4 py-2.5 rounded-lg font-medium transition-all duration-200 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-400 hover:bg-blue-900/40"
                 hx-get="{{ request.get_full_path }}"
                 hx-target="#dashboard-content"
                 hx-indicator="#loading-indicator">
@@ -55,7 +55,7 @@
         </button>
     </div>
 
-    <div class="p-6 bg-gray-900 rounded-lg">
+    <div class="p-6 bg-white border rounded-lg dark:bg-gray-800 border-gray-200/50 dark:border-gray-700/50">
         <form class="flex flex-wrap items-end gap-4 mb-6"
               hx-get="{% url 'moderation:submission_list' %}"
               hx-target="#dashboard-content"
@@ -63,10 +63,10 @@
               hx-push-url="true">
             
             <div class="flex-1 min-w-[200px]">
-                <label class="block mb-2 text-sm font-medium text-gray-400">
+                <label class="block mb-2 text-sm font-medium text-gray-600 dark:text-gray-400">
                     Submission Type
                 </label>
-                <select name="submission_type" class="w-full px-3 py-2 text-gray-300 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
+                <select name="submission_type" class="w-full px-3 py-2 text-gray-900 bg-white border rounded-lg dark:text-gray-300 dark:bg-gray-800 border-gray-200/50 dark:border-gray-700/50 focus:outline-none focus:ring-2 focus:ring-blue-500">
                     <option value="">All Submissions</option>
                     <option value="text" {% if request.GET.submission_type == 'text' %}selected{% endif %}>Text Submissions</option>
                     <option value="photo" {% if request.GET.submission_type == 'photo' %}selected{% endif %}>Photo Submissions</option>
@@ -74,10 +74,10 @@
             </div>
 
             <div class="flex-1 min-w-[200px]">
-                <label class="block mb-2 text-sm font-medium text-gray-400">
+                <label class="block mb-2 text-sm font-medium text-gray-600 dark:text-gray-400">
                     Type
                 </label>
-                <select name="type" class="w-full px-3 py-2 text-gray-300 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
+                <select name="type" class="w-full px-3 py-2 text-gray-900 bg-white border rounded-lg dark:text-gray-300 dark:bg-gray-800 border-gray-200/50 dark:border-gray-700/50 focus:outline-none focus:ring-2 focus:ring-blue-500">
                     <option value="">All Types</option>
                     <option value="CREATE" {% if request.GET.type == 'CREATE' %}selected{% endif %}>New Submissions</option>
                     <option value="EDIT" {% if request.GET.type == 'EDIT' %}selected{% endif %}>Edit Submissions</option>
@@ -85,10 +85,10 @@
             </div>
 
             <div class="flex-1 min-w-[200px]">
-                <label class="block mb-2 text-sm font-medium text-gray-400">
+                <label class="block mb-2 text-sm font-medium text-gray-600 dark:text-gray-400">
                     Content Type
                 </label>
-                <select name="content_type" class="w-full px-3 py-2 text-gray-300 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
+                <select name="content_type" class="w-full px-3 py-2 text-gray-900 bg-white border rounded-lg dark:text-gray-300 dark:bg-gray-800 border-gray-200/50 dark:border-gray-700/50 focus:outline-none focus:ring-2 focus:ring-blue-500">
                     <option value="">All Content</option>
                     <option value="park" {% if request.GET.content_type == 'park' %}selected{% endif %}>Parks</option>
                     <option value="ride" {% if request.GET.content_type == 'ride' %}selected{% endif %}>Rides</option>