@openui5/themelib_sap_horizon 1.101.0 → 1.102.0

package/src/sap/m/themes/sap_horizon/ColorPalette.less

@@ -3,16 +3,23 @@
 /* Horizon theme                       */
 /* =================================== */
 
-.sapMColorPalette .sapMColorPaletteSquare:hover > div,
-.sapMColorPalette .sapMColorPaletteSquare,
-html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare:hover > div,
+@_sap_m_ColorPalette_SwatchWidthHitAreaCozy: 2.375rem;
+@_sap_m_ColorPalette_SwatchWidthHitAreaCompact: 1.75rem;
+
 html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare {
 	border-radius: 0.25rem;
-}
-
-html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare div,
-.sapMColorPalette .sapMColorPaletteSquare div {
-	border-radius: 0.125rem;
+	&:hover {
+		border-radius: 0.4375rem;
+		margin: 0.0625rem;
+		width: 2.25rem;
+		height: 2.25rem;
+		& > div {
+			border-radius: 0.375rem;
+		}
+	}
+	div {
+		border-radius: 0.1875rem;
+	}
 }
 
 .sap-desktop .sapMColorPalette .sapMBtn:focus {
@@ -37,24 +44,40 @@ html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare div,
 	}
 }
 
-html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare:focus:after {
-	border: 0.125rem solid @sapUiContentContrastFocusColor;
-	border-radius: 0.0625rem;
-	top: 0.125rem;
-	left: 0.125rem;
-	bottom: 0.125rem;
-	right: 0.125rem;
-}
-
-html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare:focus:before {
-	border: 0.125rem solid @sapUiContentFocusColor;
-	border-radius: 0.125rem;
-	top: 0;
-	left: 0;
-	bottom: 0;
-	right: 0;
+html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare:focus {
+	&:after {
+		display: none;
+	}
+	&:before {
+		border: 0.125rem solid @sapUiContentFocusColor;
+		border-radius: 0.4375rem;
+		top: -0.3125rem;
+		left: -0.3125rem;
+		bottom: -0.3125rem;
+		right: -0.3125rem;
+	}
+	&:hover {
+		&:after {
+			display: block;
+			border: 0.0625rem solid @sapUiContentContrastFocusColor;
+			border-radius: 0.3125rem;
+			top: 0.0625rem;
+			left: 0.0625rem;
+			bottom: 0.0625rem;
+			right: 0.0625rem;
+		}
+		&:before {
+			border: 0.125rem solid @sapUiContentFocusColor;
+			border-radius: 0.4375rem;
+			top: -0.0625rem;
+			left: -0.0625rem;
+			bottom: -0.0625rem;
+			right: -0.0625rem;
+		}
+	}
 }
 
+html:not(.sap-phone) .sapMColorPalette,
 .sapMColorPalette {
 	.sapMBtn {
 		&:focus {
@@ -65,9 +88,50 @@ html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare:focus:before {
 				}
 			}
 		}
+		.sapMBtnInner {
+			height: 2.75rem;
+			.sapMBtnContent {
+				line-height: 2.75rem;
+			}
+			&.sapMBtnText {
+				padding: 0;
+			}
+		}
+	}
+	.sapMBtnInner {
+		border-radius: 0;
+	}
+}
+
+html:not(.sap-phone) .sapUiSizeCompact .sapMColorPalette {
+	.sapMBtn .sapMBtnInner {
+		height: 2rem;
+		.sapMBtnContent {
+			line-height: 2rem;
+		}
+	}
+	.sapMColorPaletteSquare:hover {
+		margin: 0.0625rem;
+		width: 1.625rem;
+		height: 1.625rem;
+	}
+	.sapMColorPaletteSquare:focus:not(:hover):before {
+		top: -0.25rem;
+		left: -0.25rem;
+		bottom: -0.25rem;
+		right: -0.25rem;
 	}
 }
 
 html.sap-desktop .sapMColorPalette .sapMBtn:focus > .sapMFocusable:before {
 	display: none;
-}
+}
+
+.sap-phone .sapMColorPalette .sapMColorPaletteSquare {
+	& > div {
+		border-radius: 0.25rem;
+		&:active {
+			border-radius: 0.4375rem;
+		}
+	}
+}

package/src/sap/m/themes/sap_horizon/Dialog.less

@@ -128,10 +128,3 @@ html.sap-phone .sapMDialog {
 		}
 	}
 }
-
-.sapMDialog footer .sapMTB.sapMFooter-CTX {
-	// override for toolbar's top rounded corners
-	// TODO: toolbar shouldn't have rounded corners, remove this later
-	border-top-left-radius: 0px;
-	border-top-right-radius: 0px;
-}

package/src/sap/m/themes/sap_horizon/DynamicDateRange.less

@@ -0,0 +1,12 @@
+/* ======================================= */
+/* CSS for control sap.m/DynamicDateRange  */
+/* Horizon theme                           */
+/* ======================================= */
+
+.sapUiIcon.sapMDDRDateOption {
+	color: @sapUiButtonActiveTextColor;
+}
+
+.sapMDynamicDateRangePopover section > .sapMLabel {
+	margin: 1rem 0 0.5rem 0;
+}

package/src/sap/m/themes/sap_horizon/GenericTile.less

@@ -226,6 +226,29 @@ html.sap-desktop .sapMGTLineModePress .sapMGTFocusDiv {
 	border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
 }
 
+html.sap-desktop .sapMGTActionButtonPress.sapMGT:focus
+{
+		.sapMGTFocusDiv{
+			border: none;
+			box-shadow: none;
+		}
+}
+
+html.sap-desktop .sapMGTActionButtonPress.sapMGT:active
+{
+	.sapMGTFocusDiv{
+		border: none;
+		box-shadow: none;
+	}
+}
+
+html.sap-desktop .sapMGTActionButtonPress.sapMGT:focus-visible
+{
+	.sapMGTFocusDiv{
+		border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	}
+}
+
 html.sap-desktop .sapMGT.sapMGTBackgroundImage:focus .sapMGTFocusDiv,
 html.sap-desktop .sapMGT.sapMGTBackgroundImage:active .sapMGTFocusDiv {
 	&:after {
@@ -320,6 +343,10 @@ html.sap-desktop .sapMGT.sapMGTBackgroundImage:focus .sapMGTFocusDiv:after, html
 
 .sapMGTLineMode .sapMGTFocusDiv {
 	border-radius: 10px !important;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
 }
 
 .sapFGridContainer .sapFGridContainerItemWrapper:not(.sapFGridContainerItemWrapperNoVisualFocus):focus::before {
@@ -362,4 +389,20 @@ html.sap-desktop .sapMGT.sapMGTBackgroundImage:focus .sapMGTFocusDiv:after, html
 	.sapMGTFocusDiv {
 		border-radius: 1rem !important;
 	}
+}
+
+.sapMGT.sapMGTScopeActions.sapMGTIconMode.TwoByHalf {
+	.sapMBtn.sapMGTMoreIcon{
+		.sapMBtnInner{
+			left: 0rem;
+		}
+	}
+}
+
+.sapMGT.sapMGTScopeActions, .sapMGT.sapMGTScopeSingleAction{
+	.sapMGTMoreIcon{
+		.sapMBtnIcon{
+			color: @sapUiButtonLiteTextColor;
+		}
+	}
 }

package/src/sap/m/themes/sap_horizon/IconTabBarSelectList.less

@@ -3,4 +3,4 @@
 /* Horizon theme                               */
 /* =========================================== */
 
-@_sap_m_IconTabBar_ListBorderRadius: 0.5rem;
+@_sap_m_IconTabBar_List_Focus_Offset: 2px;

package/src/sap/m/themes/sap_horizon/InputBase.less

@@ -22,11 +22,8 @@
 .sapMILI-CTX .sapMInputBaseContentWrapperError,
 .sapMInputBaseContentWrapper {
 	border: none;
-
-	&.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) .sapMTokenizer .sapMToken {
-			margin-top: 0.1875rem;
-	}
 }
+
 .sapMInputBase:not(.sapMInputBaseReadonly) .sapMInputBaseIconContainer .sapMInputBaseIcon {
 	width: @_sap_m_InputBase_IconWidth;
 	height: 2.1875rem;
@@ -78,11 +75,6 @@
 	padding-left: 0.125 * @sapContent_GridSize;
 }
 
-.sapMInputBaseReadonly .sapMInputBaseContentWrapper {
-	background: ~"0 100% / 0.375rem @{sapField_BorderWidth} repeat-x linear-gradient(90deg, @{sapField_ReadOnly_BorderColor} 0, @{sapField_ReadOnly_BorderColor} 0.25rem, transparent 0.25rem) border-box";
-	background-color: @sapUiFieldReadOnlyBackground;
-}
-
 .sapMInputBaseDisabled {
 	opacity: @sapUiContentDisabledOpacity;
 }

package/src/sap/m/themes/sap_horizon/Label.less

@@ -0,0 +1,8 @@
+/* =============================== */
+/* CSS for control sap.m/Label     */
+/* Horizon theme                   */
+/* =============================== */
+
+.sapMTB-Info-CTX > .sapMLabel {
+	font-style: italic;
+}

package/src/sap/m/themes/sap_horizon/LightBox.less

@@ -7,10 +7,11 @@
 /* Variables overriding            */
 /* ------------------------------- */
 
-@_sap_m_LightBox_OverlayBackground: fade(@sapUiBlockLayerBackground, 60);
 @_sap_m_LightBox_ContainerBackground: @sapUiGroupContentBackground;
 @_sap_m_LightBox_SubtitleMarginTop: 0.25rem;
 @_sap_m_LightBox_ErrorIconColor: fade(@sapUiContentNonInteractiveIconColor, 50);
+@_sap_m_LightBox_OverlayOpacity: 0.2;
+@_sap_m_LightBox_FontFamily: @sapFontHeaderFamily;
 
 /* ------------------------------- */
 /* Footer                          */

package/src/sap/m/themes/sap_horizon/ListBase.less

@@ -25,4 +25,8 @@
 
 .sapMGrowingList {
 	background-color: @sapUiListBackground;
+}
+
+.sapMGrowingListDummyColumn {
+	border-right: 1px solid @sapUiListTableFixedBorderColor;
 }

package/src/sap/m/themes/sap_horizon/ListItemBase.less

@@ -17,12 +17,13 @@
 	border-bottom: 0.0625rem solid @sapUiListSelectionBorderColor;
 }
 
-.sapMLIBActive.sapMLIBFocusable:focus {
-	outline-color: @sapUiContentContrastFocusColor;
-}
-
 /* Fix for IE/Edge visual appearance of buttons */
 .sapMLIB .sapMBtn:hover .sapMBtnHoverable.sapMBtnTransparent {
 	background-clip: border-box;
 	border-color: transparent;
+}
+
+.sapMListFtr {
+	border-bottom-left-radius: 0.75rem;
+	border-bottom-right-radius: 0.75rem;
 }

package/src/sap/m/themes/sap_horizon/MenuButton.less

@@ -39,4 +39,18 @@
 
 .sapMMenuBtnRegular.sapMMenuBtn .sapMBtnDisabled {
 	opacity: @sapUiContentDisabledOpacity;
+}
+
+.sapMMenuBtn .sapMBtn:not(.sapMSBArrow) .sapMBtnInner .sapMBtnIcon,
+.sapMMenuBtn .sapMBtn:not(.sapMSBArrow) .sapMBtnInner .sapMBtnContent {
+	position: relative;
+	top: 0.0625rem;
+	left: 0.0625rem;
+}
+
+.sapMIBar .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnTransparent::after,
+.sapMIBar .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnDefault::after,
+.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnTransparent::after,
+.sapMMenuBtn.sapMMenuBtnRegular:hover .sapMBtnInner.sapMBtnDefault::after {
+	color: @sapUiButtonActiveTextColor;
 }

package/src/sap/m/themes/sap_horizon/MessageBox.less

@@ -4,11 +4,13 @@
 /* ================================= */
 
 // header shadow - different states
-@_sap_m_MessageBox_InformationShadow: inset 0 -0.0625rem @sapUiInformationBorder, @sapUiContentHeaderShadow;
-@_sap_m_MessageBox_WarningShadow: inset 0 -0.0625rem @sapUiWarningBorder, @sapUiContentHeaderShadow;
-@_sap_m_MessageBox_ErrorShadow: inset 0 -0.0625rem @sapUiErrorBorder, @sapUiContentHeaderShadow;
-@_sap_m_MessageBox_SuccessShadow: inset 0 -0.0625rem @sapUiSuccessBorder, @sapUiContentHeaderShadow;
-@_sap_m_MessageBox_QuestionShadow: @sapUiContentHeaderShadow;
+@_sap_m_MessageBox_HeaderShadow:  inset 0 -0.0625rem;
+@_sap_m_MessageBox_Shadow: @sapUiContentHeaderShadow;
+@_sap_m_MessageBox_InformationShadow: @_sap_m_MessageBox_HeaderShadow @sapUiInformationBorder, @_sap_m_MessageBox_Shadow;
+@_sap_m_MessageBox_WarningShadow: @_sap_m_MessageBox_HeaderShadow @sapUiWarningBorder, @_sap_m_MessageBox_Shadow;
+@_sap_m_MessageBox_ErrorShadow:  @_sap_m_MessageBox_HeaderShadow @sapUiErrorBorder, @_sap_m_MessageBox_Shadow;
+@_sap_m_MessageBox_SuccessShadow: @_sap_m_MessageBox_HeaderShadow @sapUiSuccessBorder, @_sap_m_MessageBox_Shadow;
+@_sap_m_MessageBox_QuestionShadow: @_sap_m_MessageBox_HeaderShadow @sapUiNeutralBorder;
 
 .sapMDialog.sapMMessageBoxInfo .sapMDialogIcon.sapUiIcon {
 	color: @sapUiInformativeElement;

package/src/sap/m/themes/sap_horizon/MessageView.less

@@ -25,12 +25,9 @@
 	}
 
 	.sapMSLITitle {
-		color: @sapUiGroupTitleTextColor;
+		font-size: @sapMFontHeader6Size;
 	}
 
-	.sapMSLIDescription {
-		color: @sapUiContentLabelColor;
-	}
 
 	.sapMMsgViewDescriptionText {
 		padding-bottom:0;
@@ -42,6 +39,10 @@
 
 	.sapMMsgViewTitleText {
 		margin: 0 0 1rem 2.5rem;
+		font-family: @sapUiFontHeaderFamily;
+		font-size: @sapUiFontHeader5Size;
+		font-weight: @sapUiFontHeaderWeight;
+		color: @sapUiGroupTitleTextColor;
 	}
 
 	.sapMMsgViewDescriptionLink {

package/src/sap/m/themes/sap_horizon/MultiComboBox.less

@@ -9,35 +9,26 @@
 .sapMMultiComboBoxPicker .sapMMultiComboBoxSelectAll.sapMTB.sapMIBar.sapMMultiComboBoxSelectAllFocused,
 .sapMMultiComboBoxPicker .sapMValueStateHeaderRoot.sapMFocusable:focus {
 	outline: @sapContent_FocusWidth @sapContent_FocusStyle @sapContent_FocusColor;
+	outline-offset: -0.25rem;
 }
 
-.sapMMultiComboBoxPicker.sapMSuggestionsPopoverNoneState .sapMList {
-	&:not(.sapMSticky) li[data-sap-ui-first-suggestion-item]:focus,
-	&.sapMSticky .sapMMultiComboBoxSelectAllFocused {
-		border-top-left-radius:  @sapUiElementBorderCornerRadius;
-		border-top-right-radius:  @sapUiElementBorderCornerRadius;
-	}
-}
-
-.sapMMultiComboBoxPicker .sapMValueStateHeaderRoot:focus {
-	border-top-left-radius: @sapUiElementBorderCornerRadius;
-	border-top-right-radius: @sapUiElementBorderCornerRadius;
-}
-
-.sapMMultiComboBoxPicker li[data-sap-ui-last-suggestion-item]:focus {
-	border-bottom-left-radius: @sapUiElementBorderCornerRadius;
-	border-bottom-right-radius: @sapUiElementBorderCornerRadius;
-}
-
-.sapMMultiComboBoxSelectAll.sapMTB.sapMIBar {
-	& .sapMBarChild.sapMCb.sapMCbHasLabel:focus:after {
-		border: none;
-	}
-}
 .sapMMultiComboBox .sapMTokenizer {
 	padding-top: 1px;
 }
 
 .sapUiSizeCondensed .sapUiTableDataCell .sapMMultiComboBox .sapMTokenizer {
 	padding-top: 0px;
+	.sapMToken {
+		margin-top: 0.0625rem;
+		margin-bottom: 0.0625rem;
+	}
+}
+
+.sapUiSizeCompact {
+	.sapMMultiComboBox.sapMMultiComboBoxHasToken .sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {
+		.sapMToken {
+			margin-top: 0.125rem;
+			margin-bottom: 0.125rem;
+		}
+	}
 }

package/src/sap/m/themes/sap_horizon/MultiInput.less

@@ -8,4 +8,17 @@
 
 .sapUiSizeCondensed .sapUiTableDataCell .sapMMultiInput .sapMTokenizer {
 	padding-top: 0px;
+	.sapMToken {
+		margin-top: 0.0625rem;
+		margin-bottom: 0.0625rem;
+	}
+}
+
+.sapUiSizeCompact {
+	.sapMMultiInput.sapMMultiInputHasTokens .sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {
+		.sapMToken {
+			margin-top: 0.125rem;
+			margin-bottom: 0.125rem;
+		}
+	}
 }

package/src/sap/m/themes/sap_horizon/NewsContent.less

@@ -24,6 +24,22 @@
 	}
 }
 
+.Stretch{
+	.sapMTileCnt.News .sapMNwC{
+		.sapMNwCCTxt .sapMText {
+			font-size: @sapMFontLargeSize;
+			color: @sapUiText;
+		}
+		.sapMNwCCTxt .sapMFT {
+			font-size: 0.938rem;
+			color: @sapUiText;
+		}
+		.sapMNwCSbh{
+			color: @sapUiText;
+		}
+	}
+}
+
 .sapMNwC:focus {
 	outline: 1px dotted @sapUiContentFocusColor;
 }

package/src/sap/m/themes/sap_horizon/NotificationListGroup.less

@@ -0,0 +1,6 @@
+/* =========================================== */
+/* CSS for control sap.m/NotificationListGroup  */
+/* Horizon theme                               */
+/* =========================================== */
+
+@_sap_m_NotificationListGroup_Background: @sapList_GroupHeaderBackground;

package/src/sap/m/themes/sap_horizon/ObjectHeader.less

@@ -12,12 +12,13 @@
 
 .sapMOHC.sapMOHBgTranslucent,
 .sapMOHC.sapMOHBgSolid {
-	border: none;
+	border-bottom: 0.0625rem solid @sapUiObjectHeaderBorderColor;
 	box-shadow: none;
 }
 .sapMOH.sapMOHBgTransparent,
 .sapMOHC.sapMOHBgTransparent {
 	background: transparent;
+	border-bottom: 0.0625rem solid transparent;
 }
 
 a.sapMOHTitle.sapMOHTitleActive:hover > h1 .sapMText {
@@ -76,4 +77,30 @@ a.sapMOHTitle.sapMOHTitleActive:hover > h1 .sapMText {
 .sapMOHRTitleActive .sapMOHRTitleText:focus {
 	outline: 1px dotted @sapUiContentFocusColor;
 	outline-offset: -1px;
+}
+
+.sapMOHTitle h6 .sapMText,
+.sapMOHTitle h5 .sapMText,
+.sapMOHTitle h4 .sapMText,
+.sapMOHTitle h3 .sapMText,
+.sapMOHTitle h2 .sapMText,
+.sapMOHTitle h1 .sapMText {
+	font-family: @sapUiObjectHeaderTitleFontFamily;
+	font-size: @sapUiObjectHeaderTitleFontSize;
+	color: @sapUiObjectHeaderTitleTextColor;
+}
+
+html.sap-phone {
+	.sapMOHTitle h6 .sapMText,
+	.sapMOHTitle h5 .sapMText,
+	.sapMOHTitle h4 .sapMText,
+	.sapMOHTitle h3 .sapMText,
+	.sapMOHTitle h2 .sapMText,
+	.sapMOHTitle h1 .sapMText {
+		font-size: @sapUiObjectHeaderTitleSnappedFontSize;
+	}
+}
+
+.sapMOHIntro .sapMText {
+	color: @sapUiObjectHeaderSubtitleTextColor;
 }

package/src/sap/m/themes/sap_horizon/ObjectListItem.less

@@ -0,0 +1,17 @@
+/* ===================================== */
+/* CSS for control sap.m/ObjectListItem  */
+/* Horizon theme                         */
+/* ===================================== */
+
+.sapMText.sapMObjLTitle {
+	font-size: @sapMFontHeader5Size;
+	font-family: @sapUiFontSemiboldFamily;
+}
+
+.sapMObjLNumberDiv .sapMObjectNumber .sapMObjectNumberText {
+	font-size: 1.25rem;
+}
+
+.sapMObjLItem.sapMLIBActive .sapMObjLIcon {
+	color: @sapUiContentIconColor;
+}

package/src/sap/m/themes/sap_horizon/ObjectStatus.less

@@ -3,10 +3,18 @@
 /* Horizon theme                       */
 /* =================================== */
 
-.sapMObjStatusInverted .sapMObjStatusText,
-.sapMObjStatusInverted .sapMObjStatusIcon {
-	min-height: 1rem;
-	text-shadow: @sapUiContentContrastTextShadow;
+.sapMObjStatus .sapMObjStatusLink {
+	padding: 0 0.0625rem;
+	display: inline-block;
+}
+
+.sapMObjStatusInverted:not(.sapMObjectStatusLarge) {
+	.sapMObjStatusText,
+	.sapMObjStatusIcon {
+		min-height: 1rem;
+		text-shadow: @sapUiContentContrastTextShadow;
+		height: 100%;
+	}
 }
 
 .sapMObjectStatusLarge {
@@ -56,35 +64,93 @@
 	color: @sapUiContentContrastTextColor;
 }
 
-html.sap-desktop .sapMObjStatusActive:focus {
-	.sapMObjStatusLink::after {
-		outline: none;
-		border-radius: 0.25rem;
-		content: "";
-		position: absolute;
-		box-sizing: border-box;
-		left: -0.0625rem;
-		top: -0.0625rem;
-		right: -0.0625rem;
-		bottom: -0.0625rem;
-		pointer-events: none;
-		border: 0.125rem solid @sapUiContentFocusColor;
+.sapMObjStatusInverted .sapMObjStatusText,
+.sapMObjStatusInverted .sapMObjStatusIcon.sapMObjStatusIconOnly {
+	padding: 0.0625rem 0.25rem;
+}
+
+.sapMObjStatusInverted .sapMObjStatusIcon {
+	padding: 0.0625rem 0 0.0625rem 0.25rem;
+	vertical-align: middle;
+}
+
+html.sap-desktop .sapMObjStatusActive:not(.sapMObjStatusInverted) {
+	.sapMObjStatusText {
+		text-decoration: underline;
+		text-shadow: @sapUiContentTextShadow;
 	}
-	&.sapMObjectStatusLarge {
-		&.sapMObjStatusInverted .sapMObjStatusLink::after {
+	&:focus {
+		.sapMObjStatusLink::after {
 			outline: none;
-			border-radius: 0.25rem;
+			border-radius: 0.125rem;
 			content: "";
 			position: absolute;
 			box-sizing: border-box;
-			left: -0.0625rem;
+			left: 0;
 			top: -0.0625rem;
-			height: auto;
-			right: -0.0625rem;
+			right: 0;
 			bottom: -0.0625rem;
 			pointer-events: none;
 			border: 0.125rem solid @sapUiContentFocusColor;
+			z-index: -1;
 		}
+		.sapMObjStatusLink {
+			background: @sapUiContentFocusColor;
+			border-radius: 0.125rem;
+			.sapMObjStatusIcon > .sapUiIcon,
+			.sapMObjStatusText {
+				color: @sapUiContentContrastTextColor;
+				text-shadow: @sapUiContentContrastTextShadow;
+			}
+			.sapMObjStatusText {
+				text-decoration: underline;
+			}
+			.sapMObjStatusIcon > .sapUiIcon {
+				text-decoration: none;
+			}
+		}
+	}
+	&:hover,
+	&:active,
+	&:focus:hover,
+	&:focus:active {
+		.sapMObjStatusIcon > .sapUiIcon,
+		.sapMObjStatusText {
+			text-decoration: none;
+		}
+	}
+	&.sapMObjectStatusLarge:focus {
+		.sapMObjStatusLink::after {
+			top: 0;
+			bottom: 0;
+		}
+	}
+}
+
+html.sap-desktop .sapMObjStatusActive.sapMObjStatusInverted {
+	.sapMObjStatusLink {
+		height: auto;
+	}
+	&:focus,
+	&.sapMObjectStatusLarge:focus {
+		.sapMObjStatusLink::after {
+			outline: none;
+			content: "";
+			position: absolute;
+			box-sizing: border-box;
+			left: 0;
+			top: 0;
+			right: 0;
+			bottom: 0;
+			pointer-events: none;
+			z-index: 1;
+			box-shadow: inset 0 0 0 0.125em @sapUiContentFocusColor, inset 0 0 0 0.1875em @sapUiContentContrastFocusColor;
+			border-radius: 0.25rem;
+			height: 100%;
+		}
+	}
+	&.sapMObjectStatusLarge:focus {
+		min-height: 2rem;
 	}
 }