From 16b9f631167092bfe6e8585b664ac4693c1af7e4 Mon Sep 17 00:00:00 2001 From: Nikola Anachkov Date: Mon, 18 May 2026 12:36:06 +0300 Subject: [PATCH] feat(ui5-shellbar): correct hover state colors for shell action buttons --- packages/fiori/src/themes/ShellBar.css | 4 +++- packages/fiori/src/themes/ShellBarItem.css | 4 +++- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/packages/fiori/src/themes/ShellBar.css b/packages/fiori/src/themes/ShellBar.css index 1f3decaf1a72..08d5d53c9741 100644 --- a/packages/fiori/src/themes/ShellBar.css +++ b/packages/fiori/src/themes/ShellBar.css @@ -99,7 +99,9 @@ } .ui5-shellbar-action-button:hover { - color: var(--sapShell_TextColor); + background: var(--sapShell_Hover_Background); + border-color: var(--sapButton_Lite_Hover_BorderColor); + color: var(--sapShell_InteractiveTextColor); } .ui5-shellbar-action-button[active] { diff --git a/packages/fiori/src/themes/ShellBarItem.css b/packages/fiori/src/themes/ShellBarItem.css index c1c7c21222df..1d72d8e4761a 100644 --- a/packages/fiori/src/themes/ShellBarItem.css +++ b/packages/fiori/src/themes/ShellBarItem.css @@ -9,7 +9,9 @@ } .ui5-shellbar-action-button:hover { - color: var(--sapShell_TextColor); + background: var(--sapShell_Hover_Background); + border-color: var(--sapButton_Lite_Hover_BorderColor); + color: var(--sapShell_InteractiveTextColor); } .ui5-shellbar-action-button[active] {