From ae2ea0dc13bfec160473d67eee147137b71512a8 Mon Sep 17 00:00:00 2001 From: Tom Butcher Date: Fri, 18 Sep 2026 23:52:37 +0100 Subject: [PATCH] Refine Dashboard Tab Hover Styles for Improved Visual Feedback - Updated hover styles for inactive dashboard tab items to enhance visual clarity and user interaction. - Adjusted background and border properties for both light and dark modes, ensuring consistent appearance across themes. --- assets/stylesheets/App.css | 13 ++++++------- 1 file changed, 6 insertions(+), 7 deletions(-) diff --git a/assets/stylesheets/App.css b/assets/stylesheets/App.css index 8ffcf817..a5a92703 100644 --- a/assets/stylesheets/App.css +++ b/assets/stylesheets/App.css @@ -3688,13 +3688,12 @@ body.objectKanbanColumnResizing * { } .dashboard-tab-item:not(.dashboard-tab-item-active):hover { - background: var(--color-button-background); - border: 1px solid - color-mix( - in srgb, - var(--color-button-border) 40%, - var(--color-button-background) - ); + background: color-mix(in srgb, #ffffff 35%, transparent); + border: 1px solid var(--color-header-border); +} + +.dark-mode .dashboard-tab-item:not(.dashboard-tab-item-active):hover { + background: color-mix(in srgb, #ffffff 2.75%, transparent); } .dashboard-tab-item-active {