@openui5/themelib_sap_horizon 1.134.0 → 1.136.0

package/src/sap/m/themes/sap_horizon_hcb/IconTabBar.less

@@ -7,7 +7,6 @@
 /* Variables overriding */
 /* ========================================================================== */
 
-@_sap_m_IconTabBar_TextColor: var(--sapContent_LabelColor);
 @_sap_m_IconTabBar_TextShadow: none;
 @_sap_m_IconTabBar_HeaderFocusBorderTopOffset: -1px;
 @_sap_m_IconTabBar_HeaderFocusBorderBottomOffset: -1px;
@@ -18,7 +17,6 @@
 /* ==================== Cozy size ==================== */
 
 /* Content arrow */
-@_sap_m_IconTabBar_ContentArrowBorderWidth: 0.313rem;
 @_sap_m_IconTabBar_ContentArrowHeight: 0.875rem;
 
 /* Inline mode */
@@ -131,14 +129,12 @@
 /* Variables */
 /* ========================================================================== */
 
-@_sap_m_IconTabBar_TextHoverColor: darken(@sapUiGroupTitleTextColor, 10);
-@_sap_m_IconTabBar_SelectedTextColor: var(--sapContent_LabelColor);
+@_sap_m_IconTabBar_SelectedTextColor: var(--sapTab_Selected_Background);
 @_sap_m_IconTabBar_SelectedTextHoverColor: darken(@sapUiSelected, 10);
 @_sap_m_IconTabBar_ArrowScroll_AfterHeight: 1px;
 
 /* =========== Shell =========== */
 @_sap_m_IconTabBar_ShellHeaderShadow: var(--sapShell_Shadow);
-@_sap_m_IconTabBar_ShellContentArrowHeight: 0.313rem;
 @_sap_m_IconTabBar_ShellOverflowBorderColor: var(--sapButton_BorderColor);
 @_sap_m_IconTabBar_ShellOverflowHoverBorderColor: var(--sapButton_Hover_BorderColor);
 @_sap_m_IconTabBar_ShellOverflowPressedBorderColor: var(--sapButton_Active_BorderColor);
@@ -243,7 +239,6 @@
 }
 
 .sapMITBContentArrow {
-	border-bottom: none;
 	position: relative;
 
 	/* creates border bottom with rounded top corners */
@@ -253,7 +248,6 @@
 		bottom: 0;
 		left: 0;
 		right: 0;
-		height: @_sap_m_IconTabBar_ContentArrowBorderWidth;
 		border-radius: 0.125rem 0.125rem 0 0;
 	}
 }
@@ -299,17 +293,21 @@
 }
 
 .sapMITBFilterIcon {
-	border: 1px solid var(--sapGroup_TitleTextColor);
+	border: 0.125rem solid var(--sapTab_ForegroundColor);
 }
 
 .sapMITBFilterDefault {
 	color: var(--sapContent_ContrastIconColor);
 }
 
+.sapMITBTab .sapMITBFilterDefault {
+	background-color: var(--sapTab_Background);
+}
+
 .sapMITBSelected {
 
 	.sapMITBContentArrow::after {
-		background: var(--sapList_SelectionBorderColor);
+		background: var(--sapTab_ForegroundColor);
 	}
 
 	.sapMITBFilterDefault,
@@ -317,11 +315,13 @@
 	.sapMITBFilterPositive,
 	.sapMITBFilterNegative,
 	.sapMITBFilterCritical {
-		background: var(--sapSelectedColor);
-		color: var(--sapContent_ContrastIconColor);
+		background: var(--sapTab_Positive_Selected_Background);
+		color: var( --sapTab_Positive_Selected_IconColor);
 	}
 }
 
+
+
 /* Phone device */
 
 .sapUiMedia-Std-Phone .sapMITH.sapUiSizeCompact {

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

@@ -6,7 +6,15 @@
 .sapMTB-Info-CTX > .sapMLabel {
 	font-style: italic;
 
-	& > .sapMLabelTextWrapper {
+	.sapMLabelTextWrapper {
 		padding-right: 5px;
 	}
+}
+
+/* ========================================================== */
+/* Checkbox overrides */
+/* ========================================================== */
+
+.sapMCb .sapMLabel {
+	color: var(--sapField_TextColor);
 }

package/src/sap/m/themes/sap_horizon_hcb/MessageStrip.less

@@ -3,11 +3,6 @@
 /* Horizon High Contrast Black theme   */
 /* =================================== */
 
-.sapMMsgStrip {
-	border-radius: var(--sapPopover_BorderCornerRadius);
-	border-width: 0.125rem;
-}
-
 .sapMMsgStripCloseButton {
 	top: -0.4375rem;
 }

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

@@ -24,6 +24,7 @@
 	.sapMObjStatusInformation .sapMObjStatusText,
 	.sapMObjStatusInformation .sapMObjStatusIcon {
 		color: var(--sapList_TextColor);
+		text-shadow: none;
 	}
 }
 

package/src/sap/m/themes/sap_horizon_hcb/SegmentedButton.less

@@ -51,14 +51,14 @@ html.sap-desktop .sapMSegBBtnFocusable:hover .sapMSegBBtnInner {
 html.sap-desktop {
 
 	.sapMSegBBtnFocusable:focus .sapMSegBBtnInner {
-		outline: 1px dotted;
-		outline-offset: -3px;
+		outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle);
+		outline-offset: -0.25rem;
 		outline-color: var(--sapContent_FocusColor);
 	}
 
 	.sapMSegBBtnFocusable.sapMSegBBtnSel:focus .sapMSegBBtnInner {
-		outline: 1px dotted;
-		outline-offset: -3px;
+		outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle);
+		outline-offset: -0.25rem;
 		outline-color: var(--sapContent_ContrastFocusColor);
 	}
 }

package/src/sap/m/themes/sap_horizon_hcb/SlideTile.less

@@ -22,7 +22,6 @@
 /* Bulleted indicator of multiple tiles*/
 .sapMSTBulleted .sapMSTIndicator {
 	border: solid 0.0625rem var(--sapTile_OverlayForegroundColor);
-	opacity: 0.6;
 	box-shadow: 0 0 0.125rem var(--sapContent_ShadowColor);
 	margin: 0 0.094rem;
 }

package/src/sap/m/themes/sap_horizon_hcb/TabContainer.less

@@ -24,4 +24,8 @@
 	.sapMTabStrip {
 		height: 3.25rem;
 	}
+}
+
+.sapMTabContIcon.sapUiIcon {
+	color: var(--sapContent_IconColor);
 }

package/src/sap/m/themes/sap_horizon_hcb/TileContent.less

@@ -3,10 +3,10 @@
 /* Horizon High Contrast Black theme  */
 /* ================================== */
 
-@_sap_m_TileContent_NewsFooterTextColor: @sapUiTileTextColor;
+@_sap_m_TileContent_NewsFooterTextColor: var(--sapTile_TextColor);
 
 .sapMST .sapMTileCnt.News {
-	margin-top: 0.25rem; // bigger margin because there's no border in .sapMST
+	margin-top: 0.25rem; /* bigger margin because there's no border in .sapMST */
 }
 
 .sapMTileCnt.News .sapMTileCntFtrTxt {

package/src/sap/m/themes/sap_horizon_hcb/TimePicker.less

@@ -3,6 +3,6 @@
 /* Horizon High Contrast Black theme  */
 /* ================================== */
 
-@_sap_m_TimePicker_ItemColor: @sapUiLegendWorkingBackground;
-@_sap_m_TimePicker_ItemHoverColor: @sapUiListHoverBackground;
-@_sap_m_TimePicker_ItemBorderColor: @sapUiListBackground;
+@_sap_m_TimePicker_ItemColor: var(--sapLegend_WorkingBackground);
+@_sap_m_TimePicker_ItemHoverColor: var(--sapList_Hover_Background);
+@_sap_m_TimePicker_ItemBorderColor: var(--sapList_Background);

package/src/sap/m/themes/sap_horizon_hcb/TimePickerSliders.less

@@ -3,16 +3,16 @@
 /* Horizon High Contrast Black theme        */
 /* ======================================== */
 
-/* ======================================== */
-/* TimePicker Dropdown                      */
-/* ======================================== */
+/* TimePicker Dropdown */
 .sapMTimePickerSlider {
+
 	.sapMTimePickerItem {
-		border-radius: @sapUiElementBorderCornerRadius;
+		border-radius: var(--sapElement_BorderCornerRadius);
 	}
 }
 
 .sapMTimePickerContainer {
+
 	.sapMTPColumn:not(:last-child),
 	.sapMTPColumn.sapMTPSliderExpanded:not(:last-child) {
 		margin-right: 0.5rem;
@@ -20,76 +20,97 @@
 }
 
 .sapMTimePickerContainer .sapMTPColumn {
+
 	.sapMTimePickerSlider,
 	.sapMTimePickerLabel,
 	.sapMTimePickerSlider {
+
 		.sapMTimePickerItem,
 		.sapMTPPickerSelectionFrame,
 		.sapMTPSliderExpanded {
 			width: 3rem;
 			height: 2.875rem;
 		}
+
 		width: 3rem;
 		height: 2.875rem;
 	}
 }
 
 .sapUiSizeCompact .sapMTimePickerContainer .sapMTPColumn {
+
 	.sapMTimePickerSlider,
 	.sapMTimePickerLabel,
 	.sapMTimePickerSlider {
+
 		.sapMTimePickerItem,
 		.sapMTPPickerSelectionFrame,
 		.sapMTPSliderExpanded {
 			width: 3rem;
 		}
+
 		width: 3rem;
 		height: 2rem;
 	}
 }
 
 .sapMTimePickerContainer {
+
 	.sapMTPColumn {
+
 		.sapMTimePickerSlider {
+
 			.sapMTimePickerItem {
-				background: @sapUiContentSelectedBackground;
-				border: 0.0625rem solid @sapUiListSelectionBorderColor;
+				background: var(--sapContent_Selected_Background);
+				border: 0.0625rem solid var(--sapList_SelectionBorderColor);
+
 				&:hover {
-					background: @sapUiContentSelectedHoverBackground;
+					background: var(--sapContent_Selected_Hover_Background);
 				}
 			}
 		}
+
 		&.sapMTPSliderExpanded {
+
 			.sapMTimePickerSlider {
+
 				.sapMTimePickerItem {
-					background: @sapUiLegendWorkingBackground;
-					border: 0.0625rem solid @sapUiListBackground;
+					background: var(--sapLegend_WorkingBackground);
+					border: 0.0625rem solid var(--sapList_Background);
+
 					&:hover {
-						background: @sapUiListHoverBackground;
-						border: solid 0.0625rem @sapUiListSelectionBorderColor;
+						background: var(--sapList_Hover_Background);
+						border: solid 0.0625rem var(--sapList_SelectionBorderColor);
 					}
+
 					&:active {
-						background: @sapUiContentSelectedBackground;
-						color: @sapUiContentSelectedTextColor;
+						background: var(--sapContent_Selected_Background);
+						color: var(--sapContent_Selected_TextColor);
 					}
-					&.sapMTimePickerItemSelected{
-						background: @sapUiListBackground
+
+					&.sapMTimePickerItemSelected {
+						background: var(--sapList_Background)
 					}
 				}
+
 				.sapMTPPickerSelectionFrame {
-					border: solid 0.0625rem @sapUiListSelectionBorderColor;
-					border-radius: @sapUiElementBorderCornerRadius;
-					outline:none;
+					border: solid 0.0625rem var(--sapList_SelectionBorderColor);
+					border-radius: var(--sapElement_BorderCornerRadius);
+					outline: none;
+
 					&:hover {
+
 						+ ul > li.sapMTimePickerItem.sapMTimePickerItemSelected {
-							background: @sapUiListHoverBackground;
-							border: solid 0.0625rem @sapUiListSelectionBorderColor;
+							background: var(--sapList_Hover_Background);
+							border: solid 0.0625rem var(--sapList_SelectionBorderColor);
 						}
 					}
+
 					&:active {
+
 						& + ul > li.sapMTimePickerItem.sapMTimePickerItemSelected {
-							background: @sapUiContentSelectedBackground;
-							color: @sapUiContentSelectedTextColor;
+							background: var(--sapContent_Selected_Background);
+							color: var(--sapContent_Selected_TextColor);
 						}
 					}
 				}
@@ -102,41 +123,48 @@
 	}
 }
 
-
 /* PHONE STYLES */
 .sap-phone {
-	/* ======================================== */
-	/* TimePicker Dropdown                      */
-	/* ======================================== */
 
+	/* TimePicker Dropdown */
 	.sapMTimePickerContainer {
+
 		.sapMTPColumn {
+
 			.sapMTimePickerSlider,
 			.sapMTimePickerLabel,
 			.sapMTimePickerSlider {
+
 				.sapMTimePickerItem,
 				.sapMTPPickerSelectionFrame,
 				.sapMTPSliderExpanded {
 					width: 3rem;
 					height: 2.875rem;
 				}
+
 				width: 3rem;
 				height: 2.875rem;
 			}
+
 			.sapMTimePickerSlider {
+
 				.sapMTimePickerItem {
-					border: 1px solid @sapUiListBackground;
+					border: 1px solid var(--sapList_Background);
 				}
 			}
+
 			&.sapMTPSliderExpanded {
+
 				.sapMTimePickerSlider {
+
 					.sapMTimePickerItem {
-						background: @sapUiLegendWorkingBackground;
-						border: 1px solid @sapUiListBackground;
+						background: var(--sapLegend_WorkingBackground);
+						border: 1px solid var(--sapList_Background);
 						width: 3rem;
 					}
+
 					.sapMTPPickerSelectionFrame {
-						outline: 0.0.0625rem solid @sapUiListSelectionBorderColor;
+						outline: 0.0625rem solid var(--sapList_SelectionBorderColor);
 						outline-offset: -0.188rem;
 					}
 				}

package/src/sap/m/themes/sap_horizon_hcb/Title.less

@@ -1,7 +1,7 @@
-/* =================================== */
-/* CSS for control sap.m/Title		   */
-/* Horizon High Contrast Black theme   */
-/* =================================== */
+/* ================================= */
+/* CSS for control sap.m/Title       */
+/* Horizon High Contrast Black theme */
+/* ================================= */
 
 .sapFFCL {
 
@@ -11,7 +11,9 @@
 	.sapFDynamicPage-Std-Phone {
 
 		.sapFDynamicPageTitleMain {
+
 			.sapFDynamicPageTitleMainInner {
+
 				.sapFDynamicPageTitleMainHeading {
 					align-self: auto;
 
@@ -19,8 +21,8 @@
 						margin-top: 0.6875rem;
 
 						.sapMTitle:not(.sapUICompVarMngmtTitle):not(.sapMVarMngmtTitle) {
-							font-size: @sapUiObjectHeaderTitleSnappedFontSize;
-							font-family: @sapUiObjectHeaderTitleFontFamily;
+							font-size: var(--sapObjectHeader_Title_SnappedFontSize);
+							font-family: var(--sapObjectHeader_Title_FontFamily);
 						}
 					}
 				}

package/src/sap/m/themes/sap_horizon_hcb/Token.less

@@ -12,8 +12,8 @@
 .sapMToken {
 	padding-left: @_sap_m_Token_LeftPadding;
 	border-radius: 0.25rem;
-	color: @sapTextColor;
-	font-size: @sapFontSize;
+	color: var(--sapTextColor);
+	font-size: var(--sapFontSize);
 	overflow: visible;
 }
 
@@ -25,17 +25,17 @@
 }
 
 html.sap-desktop .sapMToken:not(.sapMTokenReadOnly):hover {
-	border: @sapUiButtonBorderWidth solid @sapUiButtonHoverBorderColor;
-	background: @sapUiButtonHoverBackground;
+	border: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);
+	background: var(--sapButton_Hover_Background);
 }
 
 html.sap-desktop .sapMToken.sapMTokenSelected:not(.sapMTokenReadOnly):hover {
-	background: @sapUiButtonSelectedHoverBackground;
-	border: @sapUiButtonBorderWidth solid @sapUiButtonSelectedBorderColor;
+	background: var(--sapButton_Selected_Hover_Background);
+	border: var(--sapButton_BorderWidth) solid var(--sapButton_Selected_BorderColor);
 }
 
 html.sap-desktop .sapMToken:focus {
-	outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 	outline-offset: -0.1875rem;
 }
 
@@ -44,15 +44,15 @@ html.sap-desktop .sapMToken {
 	&.sapMTokenReadOnly:hover,
 	&.sapMTokenReadOnly.sapMTokenSelected,
 	&.sapMTokenReadOnly.sapMTokenSelected:hover {
-		color: @sapUiContentLabelColor;
-		background: @sapUiFieldReadOnlyBackground;
-		border: @sapUiButtonBorderWidth solid @sapUiFieldReadOnlyBorderColor;
+		color: var(--sapContent_LabelColor);
+		background: var(--sapField_ReadOnly_Background);
+		border: var(--sapButton_BorderWidth) solid var(--sapField_ReadOnly_BorderColor);
 	}
 }
 
 .sapMToken.sapMTokenReadOnly {
 	padding: 0.25rem 0.3125rem;
-	color: @sapUiContentLabelColor;
+	color: var(--sapContent_LabelColor);
 
 	.sapMTokenText {
 		line-height: 1rem;
@@ -75,7 +75,7 @@ html.sap-desktop .sapMToken {
 	display: inline-flex;
 	justify-content: center;
 	align-items: center;
-	right: -@sapUiButtonBorderWidth;
+	right: ~"calc(var(--sapButton_BorderWidth) * -1)";
 }
 
 .sapUiSizeCompact .sapMTokenIcon {

package/src/sap/m/themes/sap_horizon_hcb/Tokenizer.less

@@ -22,17 +22,19 @@
 }
 
 html.sap-desktop .sapMTokenizer:focus {
-	outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 	outline-offset: @_sap_m_Tokenizer_OutlineOffset;
 }
 
 /* editable tokens in read-only tokenizer */
 html.sap-desktop .sapMTokenizer.sapMTokenizerReadonly {
-	.sapMToken, .sapMToken:hover,
+
+	.sapMToken,
+	.sapMToken:hover,
 	.sapMToken.sapMTokenSelected:hover {
-		color: @sapUiContentLabelColor;
-		background: @sapUiFieldReadOnlyBackground;
-		border: @sapUiButtonBorderWidth solid @sapUiFieldReadOnlyBorderColor;
+		color: var(--sapContent_LabelColor);
+		background: var(--sapField_ReadOnly_Background);
+		border: var(--sapButton_BorderWidth) solid var(--sapField_ReadOnly_BorderColor);
 	}
 }
 
@@ -41,50 +43,52 @@ html.sap-desktop .sapMTokenizer.sapMTokenizerReadonly {
 }
 
 .sapUiSizeCompact {
+
 	.sapMTokenizer {
 		padding-left: 0.25rem;
+
 		&.sapMTokenizerReadonly .sapMToken.sapMTokenReadOnly {
 			padding: 0.125rem 0.25rem;
 		}
+
 		.sapMToken {
 			margin-right: 0.25rem;
 			margin-top: 0.0625rem;
 			margin-bottom: 0.0625rem;
 		}
+
 		.sapMTokenizerIndicator {
 			line-height: 1.375rem;
 		}
 	}
 }
 
-/* ------------------------------ */
-/* Disabled                       */
-/* ------------------------------ */
+/* Disabled */
 
-.sapMTokenizer.sapMTokenizerDisabled .sapMToken  {
+.sapMTokenizer.sapMTokenizerDisabled .sapMToken {
 	border-color: @sapUiHcReducedAltForeground;
 
 	&.sapMToken:hover,
 	&.sapMToken:focus,
 	&.sapMToken.sapMTokenSelected:hover,
 	&.sapMTokenSelected {
-		background: @sapUiButtonBackground;
+		background: var(--sapButton_Background);
 		cursor: default;
-		color: @sapUiBaseText;
+		color: var(--sapTextColor);
 		outline: none;
 		border-color: @sapUiHcReducedAltForeground;
 	}
 
-	&:focus:after {
+	&:focus::after {
 		content: none;
 	}
 
 	&.sapMTokenSelected .sapMTokenText {
-		color: @sapUiBaseText;
+		color: var(--sapTextColor);
 	}
 
 	&.sapMTokenSelected .sapMTokenIcon {
-		color: @sapUiContentIconColor;
+		color: var(--sapContent_IconColor);
 		cursor: default;
 	}
 

package/src/sap/m/themes/sap_horizon_hcb/Toolbar.less

@@ -4,7 +4,7 @@
 /* ================================== */
 
 html.sap-desktop .sapMTBActive.sapMTBFocused {
-	outline: 0.125rem dotted @sapUiContentContrastFocusColor;
+	outline: 0.125rem dotted var(--sapContent_ContrastFocusColor);
 	outline-offset: -0.1875rem;
 }
 
@@ -20,30 +20,30 @@ html.sap-desktop .sapMTBActive.sapMTBFocused {
 
 /* Info Toolbar Context */
 .sapMTB-Info-CTX.sapMTB {
-	background: @sapUiInfobarNonInteractiveBackground;
-	color: @sapUiListTextColor;
+	background: var(--sapInfobar_NonInteractive_Background);
+	color: var(--sapList_TextColor);
 	height: 2rem;
 
 	> .sapUiIcon {
 		width: 1rem;
 		height: 1rem;
-		color: @sapUiListTextColor;
+		color: var(--sapList_TextColor);
 	}
 
 	> .sapUiIcon:focus {
-		color: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+		color: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 	}
 
 	&.sapMTBActive {
-		background: @sapUiInfobarBackground;
-		color: @sapUiInfobarTextColor;
+		background: var(--sapInfobar_Background);
+		color: var(--sapInfobar_TextColor);
 
 		&:active {
-			background: @sapUiInfobarActiveBackground;
+			background: var(--sapInfobar_Active_Background);
 		}
 
 		&:hover {
-			background: @sapUiInfobarHoverBackground;
+			background: var(--sapInfobar_Hover_Background);
 		}
 
 		.sapMText,
@@ -55,29 +55,27 @@ html.sap-desktop .sapMTBActive.sapMTBFocused {
 }
 
 html.sap-desktop .sapMTB-Info-CTX.sapMTBActive.sapMTBFocused {
-	outline-color: @sapUiContentContrastFocusColor;
+	outline-color: var(--sapContent_ContrastFocusColor);
 }
 
 .sapMTB.sapMTBStandard {
-	border-bottom: solid 0.0625rem @sapUiGroupTitleBorderColor;
+	border-bottom: solid 0.0625rem var(--sapGroup_TitleBorderColor);
 }
 
-// =====================================
-// solid toolbar context
-// =====================================
+/* solid toolbar context */
 .sapMTB-Solid-CTX.sapMTB {
-	background-color: @sapUiToolbarBackground;
+	background-color: var(--sapToolbar_Background);
 }
 
 html.sap-desktop .sapMTBActive.sapMTBFocused {
-	outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 }
 
 .sapMTB .sapMTBSeparator {
-	background: @sapUiToolbarSeparatorColor;
+	background: var(--sapToolbar_SeparatorColor);
 }
 
-// Styles suporting Table inside ObjectPageSubSection scenario
+/* Styles suporting Table inside ObjectPageSubSection scenario */
 .sapUxAPObjectPageLayout.sapUxAPObjectPageLayout-Std-Phone .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB.sapMTBHeader-CTX {
 	padding: 0;
 }

package/src/sap/m/themes/sap_horizon_hcb/UploadCollection.less

@@ -16,17 +16,15 @@
 /* Text: Description (Progress) */
 .sapMLabel.sapMUCProgress {
 	font-size: @sapMFontMediumSize;
-	color: @sapUiContentLabelColor;
+	color: var(--sapContent_LabelColor);
 }
 
-/*Drag && Drop*/
-.sapMUC .sapMUCDragDropOverlay.sapMUCDropIndicator:after {
+/* Drag && Drop */
+.sapMUC .sapMUCDragDropOverlay.sapMUCDropIndicator::after {
 	background-color: transparent;
 }
 
-/* ************************************************************************************* */
-/* local fixes: should be done by used simple controls
-/* ************************************************************************************* */
+/* local fixes: should be done by used simple controls */
 .sapMUCItemIconInactive.sapUiIcon:focus,
 .sapMUCItemIcon.sapUiIcon:focus,
 .sapMUCItemImage:focus {