From eda40a150b9cc5a7e4ca94381157f82f13adb6f4 Mon Sep 17 00:00:00 2001
From: Jared Vititoe <jjvititoe1@gmail.com>
Date: Tue, 6 Jan 2026 22:38:46 -0500
Subject: [PATCH] Fix dark mode bulk toolbar, light mode timeline, and activity
 tab visibility
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Changed bulk-actions-toolbar dark mode background from #1a1a00 to #2d3748
- Fixed timeline-content light mode background from #1a202c to #f8f9fa
- Added activity-tab to showTab() function to properly hide/show all tabs

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 assets/css/dashboard.css |  3 ++-
 assets/css/ticket.css    |  2 +-
 assets/js/ticket.js      | 14 +++++++++-----
 3 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/assets/css/dashboard.css b/assets/css/dashboard.css
index fe0c27c..8fc3391 100644
--- a/assets/css/dashboard.css
+++ b/assets/css/dashboard.css
@@ -727,9 +727,10 @@ th.sort-desc::after {
 
 /* Dark mode bulk actions */
 body.dark-mode .bulk-actions-toolbar {
-    --toolbar-bg: #1a1a00;
+    --toolbar-bg: #2d3748;
     --toolbar-border: #ffc107;
     --text-primary: #f8f9fa;
+    background: #2d3748 !important;
 }
 
 body.dark-mode .bulk-actions-info {
diff --git a/assets/css/ticket.css b/assets/css/ticket.css
index 2cdc690..f2e180b 100644
--- a/assets/css/ticket.css
+++ b/assets/css/ticket.css
@@ -478,7 +478,7 @@ input:checked + .slider:before {
 
 .timeline-content {
     flex: 1;
-    background: var(--card-bg, #1a202c);
+    background: var(--card-bg, #f8f9fa);
     padding: 0.75rem 1rem;
     border-radius: 8px;
     border: 1px solid var(--border-color, #ddd);
diff --git a/assets/js/ticket.js b/assets/js/ticket.js
index afd0516..e4d0393 100644
--- a/assets/js/ticket.js
+++ b/assets/js/ticket.js
@@ -363,21 +363,25 @@ function showTab(tabName) {
     // Hide all tab contents
     const descriptionTab = document.getElementById('description-tab');
     const commentsTab = document.getElementById('comments-tab');
-    
+    const activityTab = document.getElementById('activity-tab');
+
     if (!descriptionTab || !commentsTab) {
         console.error('Tab elements not found');
         return;
     }
-    
-    // Hide both tabs
+
+    // Hide all tabs
     descriptionTab.style.display = 'none';
     commentsTab.style.display = 'none';
-    
+    if (activityTab) {
+        activityTab.style.display = 'none';
+    }
+
     // Remove active class from all buttons
     document.querySelectorAll('.tab-btn').forEach(btn => {
         btn.classList.remove('active');
     });
-    
+
     // Show selected tab and activate its button
     document.getElementById(`${tabName}-tab`).style.display = 'block';
     document.querySelector(`[onclick="showTab('${tabName}')"]`).classList.add('active');