diff --git a/packages/main/src/themes/ListItem.css b/packages/main/src/themes/ListItem.css index 9d1000921f9b..3b848249f726 100644 --- a/packages/main/src/themes/ListItem.css +++ b/packages/main/src/themes/ListItem.css @@ -22,6 +22,10 @@ color: var(--sapList_Active_TextColor); } +:host([active][actionable]) .ui5-li-additional-text { + text-shadow: none; +} + /* [ui5-li]: additionalTextState */ :host([additional-text-state="Critical"]) .ui5-li-additional-text { color: var(--sapCriticalTextColor); diff --git a/packages/main/src/themes/ListItemBase.css b/packages/main/src/themes/ListItemBase.css index e259cf92a626..fd03a490727a 100644 --- a/packages/main/src/themes/ListItemBase.css +++ b/packages/main/src/themes/ListItemBase.css @@ -27,11 +27,19 @@ :host([selected]) { background-color: var(--sapList_SelectionBackgroundColor); border-bottom: var(--ui5-listitem-selected-border-bottom); + + .ui5-li-additional-text { + text-shadow: var(--sapContent_TextShadow); + } } /* hovered */ :host([actionable]:not([active]):not([selected]):not([ui5-li-group-header]):hover) { background-color: var(--sapList_Hover_Background); + + .ui5-li-additional-text { + text-shadow: var(--sapContent_TextShadow); + } } /* selected and hovered */