assets/stylesheets/App.css

@@ -3688,12 +3688,13 @@ body.objectKanbanColumnResizing * {
 }
 
 .dashboard-tab-item:not(.dashboard-tab-item-active):hover {
-  background: color-mix(in srgb, #ffffff 45%, transparent);
+  background: var(--color-button-background);
-  border: 1px solid var(--color-header-border);
+  border: 1px solid
-}
+    color-mix(
-
+      in srgb,
-.dark-mode .dashboard-tab-item:not(.dashboard-tab-item-active):hover {
+      var(--color-button-border) 40%,
-  background: color-mix(in srgb, #ffffff 2.75%, transparent);
+      var(--color-button-background)
+    );
 }
 
 .dashboard-tab-item-active {
@@ -3945,18 +3946,15 @@ body.objectKanbanColumnResizing * {
   margin-left: 1px;
   margin-right: -2px;
   border-radius: 8px;
-  color: color-mix(
+  color: var(--color-text-secondary, inherit);
-    in srgb,
+  opacity: 0.7;
-    var(--color-text-secondary, inherit) 70%,
-    transparent
-  );
   cursor: pointer;
   flex-shrink: 0;
-  transition: color 0.2s ease;
+  transition: opacity 0.2s ease;
 }
 
 .dashboard-tabs-close:hover {
-  color: var(--color-text-secondary, inherit);
+  opacity: 1;
 }
 
 .dashboard-tabs-close::before {