From 999c960339f74bafebca268cf2538206f367a357 Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Fri, 18 Sep 2026 23:57:13 +0100
Subject: [PATCH] Update Dashboard Tab Hover and Color Styles for Enhanced
 Visual Feedback

- Adjusted hover background color for inactive dashboard tab items to improve visibility.
- Refined color transition for dashboard tab close button, enhancing user interaction and visual consistency.
---
 assets/stylesheets/App.css | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/assets/stylesheets/App.css b/assets/stylesheets/App.css
index a5a92703..ddfcf14d 100644
--- a/assets/stylesheets/App.css
+++ b/assets/stylesheets/App.css
@@ -3688,7 +3688,7 @@ body.objectKanbanColumnResizing * {
 }
 
 .dashboard-tab-item:not(.dashboard-tab-item-active):hover {
-  background: color-mix(in srgb, #ffffff 35%, transparent);
+  background: color-mix(in srgb, #ffffff 45%, transparent);
   border: 1px solid var(--color-header-border);
 }
 
@@ -3945,15 +3945,18 @@ body.objectKanbanColumnResizing * {
   margin-left: 1px;
   margin-right: -2px;
   border-radius: 8px;
-  color: var(--color-text-secondary, inherit);
-  opacity: 0.7;
+  color: color-mix(
+    in srgb,
+    var(--color-text-secondary, inherit) 70%,
+    transparent
+  );
   cursor: pointer;
   flex-shrink: 0;
-  transition: opacity 0.2s ease;
+  transition: color 0.2s ease;
 }
 
 .dashboard-tabs-close:hover {
-  opacity: 1;
+  color: var(--color-text-secondary, inherit);
 }
 
 .dashboard-tabs-close::before {