@openui5/themelib_sap_horizon 1.102.2 → 1.104.0

package/src/sap/m/themes/sap_horizon_dark/ActionSelect.less

@@ -7,24 +7,37 @@
 /* button                        */
 /* ----------------------------- */
 
-.sapMActionSelectPicker .sapMBtn {
-	 .sapMBtnInner {
+html.sap-desktop .sapMActionSelectPicker .sapMBtn {
+	.sapMBtnInner {
 		border-top: 1px solid @sapUiListBorderColor;
 		border-bottom: 0;
 		border-left: 0;
 		border-right: 0;
 		height: 2.5rem;
-	 }
+	}
 
-	 .sapMBtnContent {
+	.sapMBtnContent {
 		line-height: 2.4375rem;
-	 }
+	}
 }
 
-.sapMActionSelectPicker .sapMBtn .sapMBtnInner {
+html.sap-desktop .sapMActionSelectPicker .sapUiSimpleFixFlexFlexContent .sapMBtn .sapMBtnInner {
 	border-radius: 0;
 }
 
+html.sap-phone .sapMActionSelectPicker .sapMBtn .sapMBtnInner {
+	border: none;
+}
+
+html.sap-phone .sapMActionSelectPicker .sapUiSimpleFixFlexFlexContent > .sapMBtn {
+	border: 1px solid @sapUiListBorderColor;
+	border-bottom: none;
+}
+
+html.sap-phone .sapMActionSelectPicker .sapUiSimpleFixFlexFlexContent > .sapMBtn ~ .sapMBtn {
+	border: 1px solid @sapUiListBorderColor;
+}
+
 /* override standard buttons inside the action select */
 
 .sapMActionSelectPicker .sapMBtnDefault {
@@ -44,9 +57,9 @@ html.sap-desktop .sapMActionSelectPicker .sapMBtn:not(.sapMBtnDisabled) .sapMBtn
 	background: @sapUiListHoverBackground;
 }
 
-/* ======================================================================== */
-/* CSS for control sap.m/ActionSelect Fiori 3 theme compact/condensed sizes */
-/* ======================================================================== */
+/* ================================================================================ */
+/* CSS for control sap.m/ActionSelect Evening Horizon theme compact/condensed sizes */
+/* ================================================================================ */
 
 /* ----------------------------- */
 /* button                        */
@@ -58,7 +71,7 @@ html.sap-desktop .sapMActionSelectPicker .sapMBtn:not(.sapMBtnDisabled) .sapMBtn
 	padding: 0;
 }
 
-.sapUiSizeCompact.sapMActionSelectPicker .sapMBtnInner {
+html.sap-desktop .sapUiSizeCompact.sapMActionSelectPicker .sapMBtnInner {
 	height: 2rem;
 	border-radius: 0;
 	border: 0;

package/src/sap/m/themes/sap_horizon_dark/Button.less

@@ -99,7 +99,7 @@ span.sapMBtnInner.sapMBtnEmphasized {
 }
 
 .sapMBtnInner.sapMBtnText {
-	font-family: @sapFontBoldFamily;
+	font-family: @sapUiFontSemiboldDuplexFamily;
 	padding-left: 0.5625rem;
 	padding-right: 0.5625rem;
 }
@@ -203,12 +203,11 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnNeutral.sapMFocusable:not(.sapMBadgeIn
 	background-color: @sapUiButtonLiteBackground;
 }
 
-.sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent) {
-	&.sapMBtnDefault {
+.sapMIBar .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnDefault,
+.sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnBack {
+	color: @sapUiButtonLiteTextColor;
+	.sapUiIcon {
 		color: @sapUiButtonLiteTextColor;
-		.sapUiIcon {
-			color: @sapUiButtonLiteTextColor;
-		}
 	}
 }
 

package/src/sap/m/themes/sap_horizon_dark/GenericTag.less

@@ -5,108 +5,126 @@
 
 @sapMGenericTagBorderWidth: 0.375rem;
 @sapMGenericTagIconPaddingRight: 0.375rem;
-@sapMGenericTagPaddingLeft: 0.375rem;
+@sapMGenericTagHeightCozy: @sapMGenericTagHeightCompact;
 
-.sapMGenericTag {
-	.sapMGenericTagWrap {
-		padding: 0 0 0 @sapMGenericTagPaddingLeft;
-		border-radius: @sapUiButtonBorderCornerRadius;
-		border-left-width: @sapMGenericTagBorderWidth;
+.sapMGenericTagWrap {
+	box-shadow: @sapUiContentShadow0;
+	border-radius: @sapUiButtonBorderCornerRadius;
+	background: ~"0 0 / @{sapMGenericTagBorderWidth} 100% no-repeat linear-gradient(0deg, @{sapUiNeutralElement}, @{sapUiNeutralElement})";
+	background-color: @sapUiNeutralBG;
+	border: none;
+	padding: 0 0.375rem 0 0.75rem;
 
-		.sapMGenericTagText {
-			margin-right: 0.375rem;
-		}
+	.sapMGenericTagWarning & {
+		background: ~"0 0 / @{sapMGenericTagBorderWidth} 100% no-repeat linear-gradient(0deg, @{sapUiCriticalElement}, @{sapUiCriticalElement})";
+		background-color: @sapUiWarningBG;
 
-		.sapMGenericTagValue {
-			margin-left: 0.75rem;
-			margin-right: 0.375rem;
-			padding-left: 0;
+		.sapMGenericTagIcon {
+			color: @sapUiCriticalElement;
 		}
 
-		.sapMGenericTagErrorIcon {
-			margin-right: 0.375rem;
+		.sapMGenericTagValue {
+			color: @sapUiCriticalText;
 		}
 	}
-}
 
-.sapMGenericTagWrap {
 	.sapMGenericTagError & {
-		border-color: @sapUiNegativeElement;
+		background: ~"0 0 / @{sapMGenericTagBorderWidth} 100% no-repeat linear-gradient(0deg, @{sapUiNegativeElement}, @{sapUiNegativeElement})";
+		background-color: @sapUiErrorBG;
 
 		.sapMGenericTagIcon {
 			color: @sapUiNegativeElement;
 		}
-	}
-
-	.sapMGenericTagWarning & {
-		border-color: @sapUiCriticalElement;
 
-		.sapMGenericTagIcon {
-			color: @sapUiCriticalElement;
+		.sapMGenericTagValue {
+			color: @sapNegativeTextColor;
 		}
 	}
 
 	.sapMGenericTagSuccess & {
-		border-color: @sapUiPositiveElement;
+		background: ~"0 0 / @{sapMGenericTagBorderWidth} 100% no-repeat linear-gradient(0deg, @{sapUiPositiveElement}, @{sapUiPositiveElement})";
+		background-color: @sapUiSuccessBG;
 
 		.sapMGenericTagIcon {
 			color: @sapUiPositiveElement;
 		}
+
+		.sapMGenericTagValue {
+			color: @sapUiPositiveText;
+		}
 	}
 
 	.sapMGenericTagInformation & {
-		border-color: @sapUiInformativeElement;
+		background: ~"0 0 / @{sapMGenericTagBorderWidth} 100% no-repeat linear-gradient(0deg, @{sapUiInformativeElement}, @{sapUiInformativeElement})";
+		background-color: @sapUiInformationBG;
 
 		.sapMGenericTagIcon {
 			color: @sapUiInformativeElement;
 		}
-	}
 
-	.sapMGenericTagNone & {
-		border-color: @sapUiNeutralElement;
-
-		.sapMGenericTagIcon {
-			color: @sapUiNeutralElement;
+		.sapMGenericTagValue {
+			color: @sapUiInformativeText;
 		}
 	}
 
 	&:hover {
-		background:@sapUiListHoverBackground;
+		background-color: @sapUiListHoverBackground;
+		box-shadow: @sapUiContentShadow0;
+
+		.sapMGenericTagText,
+		.sapMGenericTagValue,
+		.sapMGenericTagIcon,
+		.sapMObjectNumberText,
+		.sapMObjectNumberUnit,
+		.sapMGenericTagErrorIcon {
+			text-shadow: none;
+		}
 	}
 
-	.sapMGenericTagActive & {
-		background: @sapUiListActiveBackground;
+	.sapMGenericTagText {
+		color: @sapUiListTextColor;
+		text-shadow: @sapUiContentTextShadow;
+	}
 
-		.sapMGenericTagIcon {
+	.sapMGenericTagValue {
+		text-shadow: @sapUiContentTextShadow;
+	}
+
+	.sapMGenericTagErrorIcon {
+		color: @sapUiNegativeElement;
+	}
+
+	.sapMGenericTagActive &  {
+		background-color: @sapUiListActiveBackground;
+
+		.sapMGenericTagText,
+		.sapMGenericTagValue,
+		.sapMGenericTagIcon,
+		.sapMObjectNumberText,
+		.sapMObjectNumberUnit,
+		.sapMGenericTagErrorIcon {
 			color: @sapUiListActiveTextColor;
+			text-shadow: none;
 		}
 	}
 }
 
-html.sap-desktop .sapMGenericTag {
-	&:before {
-		display: none;
-	}
+html.sap-desktop .sapMGenericTag:focus {
+	position: relative;
 	&:after {
-		display: none;
+		position: absolute;
+		content: " ";
+		inset: 0;
+		border: @sapUiContentFocusColor @sapUiContentFocusStyle @sapUiContentFocusWidth;
+		border-radius: @sapUiButtonBorderCornerRadius;
 	}
-}
 
-html.sap-desktop .sapMGenericTag:focus .sapMGenericTagWrap {
-	box-shadow: 0 0 0 0.125rem @sapUiContentFocusColor;
-}
-
-.sapUiSizeCozy {
-	.sapMGenericTag {
-		margin: 0.5625rem 0;
-
-		.sapMGenericTagWrap {
-			height:  1.625rem;
-		}
+	.sapMGenericTagWrap {
+		box-shadow: none;
 	}
+
 }
 
-html.sap-phone .sapMGenericTag {
-	margin-top: 0.5625rem ;
-	margin-bottom: 0.5625rem ;
+.sapUiSizeCozy .sapMGenericTag {
+	margin: 0.5625rem 0;
 }

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

@@ -5,8 +5,8 @@
 
 .sapMGT.sapMGTBackgroundImage {
 	.sapMGTContent {
-		border-bottom-left-radius: @sapElement_BorderCornerRadius;
-		border-bottom-right-radius: @sapElement_BorderCornerRadius;
+		border-bottom-left-radius: @sapTile_BorderCornerRadius;
+		border-bottom-right-radius: @sapTile_BorderCornerRadius;
 	}
 }
 
@@ -14,6 +14,32 @@
 	color: @sapUiContentContrastTextColor;
 }
 
+.sapMGT.sapMGTScopeActions.sapMGTBackgroundImage, .sapMGT.sapMGTScopeSingleActions.sapMGTBackgroundImage {
+	.sapMGTContent {
+		&:before {
+			border-radius: @sapTile_BorderCornerRadius;
+		}
+	}
+}
+
+.sapMGT.sapMGTScopeActions:not(.sapMGTStateLoading){
+	.sapMTileCntContent{
+		&:after{
+			opacity: 0.4;
+			background-color: @sapTile_Background;
+
+		}
+	}
+}
+
+.sapMGT.sapMGTScopeActions.OneByHalf:not(.sapMGTStateLoading),.sapMGT.sapMGTScopeActions.TwoByHalf:not(.sapMGTStateLoading){
+		.sapMTileCntContent{
+			&:after{
+				top: -0.3125rem;
+			}
+		}
+}
+
 /************************ LINE MODE LIST VIEW ********************/
 
 .sapMGT.sapMGTLineMode {
@@ -23,10 +49,18 @@
 
 .sap-desktop .sapMGT.sapMGTLineMode:not(.sapMGTDisabled) {
 	&:not(.sapMGTLineModePress):hover {
-		background: @sapUiTileHoverBackground;
+		background: @sapTile_Hover_Background;
+		box-shadow: @sapContent_Shadow2;
 	}
 }
 
+html.sap-desktop .sapMGT.sapMGTLineMode:active{
+	background-color: @sapTile_Active_Background;
+	outline: 0.125rem solid @sapContent_FocusColor !important;
+	outline-offset: -0.125rem;
+	border: none;
+}
+
 .sapMGT.sapMGTLineMode:not(.sapMGTDisabled).sapMGTLineModePress {
 	background: fade(@sapUiShellHoverBackground, 12);
 }
@@ -58,6 +92,16 @@
 	}
 }
 
+.sapMGT.sapMGTScopeActions .sapMGTRemoveButton, .sapMGT.sapMGTScopeSingleAction .sapMGTRemoveButton{
+	.sapMBtnInner, .sapMBtnActive.sapMBtnInner{
+		border-color: @sapButton_BorderColor;
+		background-color: @sapButton_Background;
+	}
+	.sapMBtnIcon {
+		color: @sapButton_TextColor;
+	}
+}
+
 .sapMGTLineMode .sapMGTLineModeHelpContainer:not(:last-child) {
 	-webkit-mask-image: linear-gradient(to right, #FFF ~"calc(100% - 1.5rem)", transparent);
 
@@ -226,6 +270,28 @@ html.sap-desktop .sapMGTLineModePress .sapMGTFocusDiv {
 	border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
 }
 
+html.sap-desktop .sapMGTActionButtonPress.sapMGT:focus
+{
+		.sapMGTFocusDiv{
+			border: none;
+		}
+}
+
+html.sap-desktop .sapMGTActionButtonPress.sapMGT:active
+{
+	.sapMGTFocusDiv{
+		border: none;
+	}
+}
+
+html.sap-desktop .sapMGTActionButtonPress.sapMGT:focus-visible
+{
+	.sapMGTFocusDiv{
+	border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	border-radius: @sapTile_BorderCornerRadius;
+	}
+}
+
 html.sap-desktop .sapMGT.sapMGTBackgroundImage:focus .sapMGTFocusDiv,
 html.sap-desktop .sapMGT.sapMGTBackgroundImage:active .sapMGTFocusDiv {
 	&:after {
@@ -244,8 +310,18 @@ large.sapUiSizeCompact .sapMGT.sapMGTLineMode, .sapUiMedia-GenericTileDeviceSet-
 }
 
 .sapMGT {
-	border-radius: @sapElement_BorderCornerRadius;
+	border-radius: @sapTile_BorderCornerRadius;
 	border-color: @sapTile_BorderColor;
+	box-shadow: @sapContent_Shadow0;
+	.sapMGTContent{
+		border-radius: 0 0 @sapTile_BorderCornerRadius @sapTile_BorderCornerRadius;
+	}
+}
+
+.sapMGT.tileWithAppInfo {
+	.sapMGTContent{
+		border-radius: 0;
+	}
 }
 
 .sapUshellSection {
@@ -269,6 +345,10 @@ large.sapUiSizeCompact .sapMGT.sapMGTLineMode, .sapUiMedia-GenericTileDeviceSet-
 	width: 19rem;
 }
 
+.sapMTileSmallPhone .sapMTileCntContent{
+	height: 3.438rem;
+}
+
 .sapMGT.TwoByHalf {
 	width: 22.5rem;
 }
@@ -284,19 +364,35 @@ large.sapUiSizeCompact .sapMGT.sapMGTLineMode, .sapUiMedia-GenericTileDeviceSet-
 
 .sapMGT.sapMGTLineMode {
 	border: 1px solid @sapTile_BorderColor !important;
-	border-radius: @sapElement_BorderCornerRadius !important;
+	border-radius: @sapTile_BorderCornerRadius !important;
 	box-shadow: @sapContent_Shadow0 !important;
 }
 
+.sapMGT.sapMGTLineMode.sapMGTInfoRendered {
+	border: transparent !important;
+	.sapMGTTInfoWrapper{
+		border-radius: 0 @sapTile_BorderCornerRadius @sapTile_BorderCornerRadius 0 !important;
+	}
+}
+
+.sapMGT.sapMGTLineMode.sapMGTInfoRendered:focus {
+	.sapMGTFocusDiv{
+		inset: 0;
+	}
+}
+
+.sap-desktop .sapMGT.sapMGTLineMode.sapMGTInfoRendered:not(.sapMGTDisabled):not(.sapMGTLineModePress):hover {
+	border: transparent !important;
+}
+
 .sap-desktop .sapMGT.sapMGTLineMode:not(.sapMGTDisabled):not(.sapMGTLineModePress):hover {
 	background: @sapTile_Hover_Background;
 	border: 1px solid @sapTile_BorderColor !important;
-	box-shadow: @sapContent_Shadow1 !important;
+	box-shadow: @sapContent_Shadow2 !important;
 }
 
 html.sap-desktop .sapMGT:hover:not(.sapMGTPressActive) {
-	border: 1px solid @sapTile_BorderColor !important;
-	box-shadow: @sapContent_Shadow1 !important;
+	box-shadow: @sapContent_Shadow2 !important;
 }
 
 html.sap-desktop .sapMGTIconMode.sapMGT:hover:not(.sapMGTPressActive) {
@@ -314,13 +410,48 @@ html.sap-desktop .sapFGridContainer .sapFGridContainerItemWrapperNoVisualFocus:f
 	box-shadow: inset 0 0 0 0.063rem @sapContent_ContrastFocusColor, 0 0 0 @sapContent_FocusWidth @sapContent_FocusColor;
 }
 
+html.sap-desktop .sapMGT:active{
+	background-color: @sapTile_Active_Background;
+	border: 0.0625rem solid @sapTile_Interactive_BorderColor;
+	&.sapMGTIconMode{
+		outline: 0.0625rem solid @sapTile_Interactive_BorderColor;
+		border: none;
+	}
+	&.sapMGTNewsContent{
+		overflow: hidden;
+	}
+	.sapMGTFocusDiv{
+		box-shadow: none;
+		border: none !important;
+	}
+}
+
+html.sap-desktop .sapMGT:focus .sapMGTFocusDiv{
+	border: 0.125rem solid @sapContent_FocusColor;
+	border-radius:  @sapTile_BorderCornerRadius;
+	box-shadow: none;
+	inset: -1px;
+}
+
+html.sap-desktop .sapMGT.sapMGTOneByOne:focus .sapMGTFocusDiv{
+	inset: 0;
+}
+
+.sapMGT.sapMGTScopeActions, .sapMGT.sapMGTScopeSingleAction{
+	.sapMGTMoreIcon{
+		.sapMBtnIcon{
+			color: @sapButton_Lite_TextColor;
+		}
+	}
+}
+
 html.sap-desktop .sapMGT.sapMGTBackgroundImage:focus .sapMGTFocusDiv:after, html.sap-desktop .sapMGT.sapMGTBackgroundImage:active .sapMGTFocusDiv:after {
 	border: none;
 	border-radius: @sapElement_BorderCornerRadius;
 }
 
 .sapMGTLineMode .sapMGTFocusDiv {
-	border-radius: 10px !important;
+	border-radius: 16px !important;
 	top: 0;
 	right: 0;
 	bottom: 0;
@@ -367,4 +498,11 @@ html.sap-desktop .sapMGT.sapMGTBackgroundImage:focus .sapMGTFocusDiv:after, html
 	.sapMGTFocusDiv {
 		border-radius: 1.25rem !important;
 	}
+}
+
+.sapMGT.OneByOne,.sapMGT.TwoByOne{
+	.sapMTileCnt.News {
+		border-bottom-left-radius: 0.87rem;
+		border-bottom-right-radius: 0.87rem;
+	}
 }

package/src/sap/m/themes/sap_horizon_dark/HeaderContainer.less

@@ -15,4 +15,20 @@
 
 .sapMHdrCntrBGTranslucent {
 	background-color: @_sap_m_HeaderContainer_TranslucentBackground;
+}
+
+.sapMHdrCntrBtnIcon{
+	color: @sapContent_NonInteractiveIconColor;
+}
+
+.sapMHrdrCntrDvdrs.Horizontal .sapMHrdrCntrInner::after {
+	border-left: 1px solid @sapList_BorderColor;
+}
+
+.sapMHrdrCntrDvdrs.Vertical .sapMHrdrCntrInner::after {
+	border-top: 1px solid @sapList_BorderColor;
+}
+
+.sapMHdrCntrBGTransparent {
+	background-color: transparent;
 }

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

@@ -5,4 +5,8 @@
 
 .sapMTB-Info-CTX > .sapMLabel {
 	font-style: italic;
+
+	& > .sapMLabelTextWrapper{
+		padding-right: 5px;
+	}
 }

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

@@ -6,8 +6,6 @@
 @_sap_m_ListItemBase_ListTextShadowColor: none;
 @_sap_m_ListItemBase_DeleteIcon: decline;
 @_sap_m_ListItemBase_ButtonMarginTop: 0;
-@_sap_m_ListItemBase_SelectionControlWidth: 2.75rem;
-@_sap_m_ListItemBase_SelectionControlHeight: 2.75rem;
 
 .sapMLIBCounter {
 	text-shadow: @_sap_m_ListItemBase_ListTextShadowColor;

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

@@ -14,12 +14,25 @@
 .sapMTileCnt.News {
 	.sapMNwC {
 		.sapMNwCSbh {
-			color: @_sap_m_NewsContent_SubHeaderTextColor;
+			color: @sapTile_OverlayForegroundColor;
 			line-height: normal;
+			font-size: @sapFontSize;
 		}
 		.sapMNwCCTxt .sapMText, .sapMNwCCTxt .sapMFT {
-			color: @_sap_m_NewsContent_HeaderTextColor;
+			font-size: @sapFontSize;
 			line-height: normal;
+			font-weight: bold;
+			color: @sapTile_OverlayForegroundColor;
+		}
+	}
+}
+.sapMTileSmallPhone{
+	.sapMTileCnt.News{
+		.sapMTileCntContent{
+			height: 3.25rem;
+			.sapMFT{
+				font-size: 0.75rem;
+			}
 		}
 	}
 }

package/src/sap/m/themes/sap_horizon_dark/ObjectNumber.less

@@ -3,11 +3,6 @@
 /* Evening Horizon theme               */
 /* =================================== */
 
-.sapMObjectNumberLarge .sapMObjectNumberText,
-.sapMObjectNumberLarge .sapMObjectNumberUnit {
-	font-size: 1.5rem;
-}
-
 .sapMObjectNumberInverted .sapMObjectNumberText,
 .sapMObjectNumberInverted .sapMObjectNumberUnit {
 	text-shadow: @sapUiContentContrastTextShadow;

package/src/sap/m/themes/sap_horizon_dark/Popover.less

@@ -126,6 +126,10 @@
 .sapMPopover {
 	border-radius: @sapUiPopoverBorderCornerRadius;
 
+	.sapMPopoverCont {
+		padding: 0.0625rem;
+	}
+
 	&.sapMPopoverWithoutBar .sapMPopoverCont,
 	.sapMIBar.sapMHeader-CTX {
 		border-top-right-radius: @sapUiPopoverBorderCornerRadius;

package/src/sap/m/themes/sap_horizon_dark/ProgressIndicator.less

@@ -203,4 +203,11 @@
 		top: -1.3125rem;
 		right: -0.0675rem;
 	}
+}
+
+/* Compact and Condensed */
+.sapUiSizeCondensed .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly),
+.sapUiSizeCompact .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly) {
+	padding: 0.4375rem 0;
+	margin: 0;
 }

package/src/sap/m/themes/sap_horizon_dark/RatingIndicator.less

@@ -54,4 +54,34 @@ html.sap-desktop .sapMRI:focus:not(.sapMRIDisabled):not(.sapMRIDisplayOnly){
 
 .sapMRIIconSel, .sapMRIIconUnsel {
 	text-shadow: @sapContent_TextShadow;
+}
+
+/* As font-size is set as an inline style, we need to override it for horizon only using important */
+.sapMRINoCustomIconSize {
+	&.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
+	&.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
+	&.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon {
+		font-size: 1.125rem !important;
+	}
+}
+
+.sapUiSizeCompact .sapMRINoCustomIconSize {
+	&.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
+	&.sapMRIReadOnly .sapMRIIconSel .sapMRIunratedIcon,
+	&.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
+	&.sapMRIDisplayOnly .sapMRIIconSel .sapMRIunratedIcon,
+	&.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon,
+	&.sapMRIDisabled .sapMRIIconSel .sapMRIunratedIcon {
+		font-size: .75rem !important;
+	}
+
+	& .sapUiIcon,
+	& .sapUiIcon {
+		font-size: 1rem !important;
+	}
+
+	& .sapMRISel,
+	& .sapMRIUnselWrapper {
+		height: 100%;
+	}
 }