@openui5/themelib_sap_horizon 1.130.0 → 1.131.0

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

@@ -21,51 +21,60 @@
 	background-color: fade(@sapUiBlockLayerBackground, 70);
 }
 
-.sapMGT.sapMGTScopeActions .sapMGTRemoveButton, .sapMGT.sapMGTScopeSingleAction .sapMGTRemoveButton{
-	.sapMBtnInner{
-		border-color: @sapButton_BorderColor;
+.sapMGT.sapMGTScopeActions .sapMGTRemoveButton,
+.sapMGT.sapMGTScopeSingleAction .sapMGTRemoveButton {
+
+	.sapMBtnInner {
+		border-color: var(--sapButton_BorderColor);
 	}
+
 	.sapMBtnIcon {
-		color: @sapButton_TextColor;
+		color: var(--sapButton_TextColor);
 	}
 }
-/************************ LINE MODE LIST VIEW ********************/
+/* LINE MODE LIST VIEW */
 
 .sapMGT.sapMGTLineMode {
-	border: 0.0625rem solid @sapUiTileBorderColor;
+	border: 0.0625rem solid var(--sapTile_BorderColor);
+
 	.sapMGTHdrTxt {
 		font-weight: bold;
 	}
 }
 
-.sapMGTLineMode.sapMGTFailed, .sapMGTLineMode.sapMGTDisabled {
+.sapMGTLineMode.sapMGTFailed,
+.sapMGTLineMode.sapMGTDisabled {
 	border-color: @sapUiHcReducedForeground;
-	.sapMGTHdrTxt, .sapMGTSubHdrTxt {
-		color: @sapUiContentDisabledTextColor;
+
+	.sapMGTHdrTxt,
+	.sapMGTSubHdrTxt {
+		color: var(--sapContent_DisabledTextColor);
 	}
 }
 
-/************************ LINE MODE FLOATING VIEW *****************/
+/* LINE MODE FLOATING VIEW */
 
 .sapUiMedia-GenericTileDeviceSet-large {
+
 	.sapMGT.sapMGTLineMode {
 		font-size: @sapMFontMediumSize;
 		border: none;
 
 		.sapMGTHdrTxt {
-			color: @sapUiTileTitleTextColor;
+			color: var(--sapTile_TitleTextColor);
 			font-weight: bold;
 			font-size: @sapMFontMediumSize;
-			font-family: @sapUiFontFamily;
+			font-family: var(--sapFontFamily);
 		}
 
 		.sapMGTLineModeFailedIcon {
 			cursor: pointer;
-			color: @sapUiTileTextColor;
+			color: var(--sapTile_TextColor);
 			border-right: 0.25rem solid transparent;
 		}
 
 		.sapMGTLineStyleHelper {
+
 			.sapMGTLineStyleHelperInner {
 				box-shadow: @sapUiShadowLevel0;
 				bottom: 1px;
@@ -78,6 +87,7 @@
 			&:not(:first-child) .sapMGTLineStyleHelperInner {
 				margin: 0 0.125rem;
 			}
+
 			&:last-child .sapMGTLineStyleHelperInner {
 				margin-right: 0;
 			}
@@ -93,12 +103,16 @@
 			}
 		}
 
-		&.sapMGTFailed, &.sapMGTDisabled {
+		&.sapMGTFailed,
+		&.sapMGTDisabled {
+
 			.sapMGTLineStyleHelperInner {
 				box-shadow: 0 0 0 1px @sapUiHcReducedForeground;
 			}
-			.sapMGTHdrTxt, .sapMGTSubHdrTxt {
-				color: @sapUiContentDisabledTextColor;
+
+			.sapMGTHdrTxt,
+			.sapMGTSubHdrTxt {
+				color: var(--sapContent_DisabledTextColor);
 			}
 		}
 	}
@@ -107,37 +121,37 @@
 .sapUiMedia-GenericTileDeviceSet-large .sapMGT.sapMGTLineMode {
 
 	&:not(.sapMGTDisabled):not(.sapMGTFailed):hover .sapMGTLineStyleHelperInner {
-		box-shadow: 0 0 0 0.1875rem @sapUiContentShadowColor;
+		box-shadow: 0 0 0 0.1875rem var(--sapContent_ShadowColor);
 		margin-top: 1px;
 		margin-bottom: 1px;
 	}
 
-	// &:focus {
-	// 	border: 0.125rem dotted @sapUiContentFocusColor;
-	// }
+	/* &:focus { */
+	/* 	border: 0.125rem dotted @sapUiContentFocusColor; */
+	/* } */
 
-	&:focus .sapMGTLineStyleHelperInner:before {
-		content: "";
+	&:focus .sapMGTLineStyleHelperInner::before {
+		content: '';
 		position: absolute;
 		top: 1px;
 		left: 1px;
 		bottom: 1px;
 		right: 1px;
 		box-sizing: border-box;
-		border: 0.125rem dotted @sapUiContentFocusColor;
+		border: 0.125rem dotted var(--sapContent_FocusColor);
 	}
 }
 
 .sapMGTHdrContent {
-	color: @sapUiTileTextColor;
+	color: var(--sapTile_TextColor);
 }
 
-
 .sapMGTOverlay {
 	opacity: 1;
 }
 
 .sapMGT.sapMGTBackgroundImage {
+
 	.sapMGTOverlay {
 		border-radius: 0.08rem;
 	}
@@ -153,10 +167,11 @@ html.sap-phone .sapMGTHvrOutln:not(.sapMGTStateDisabled):active,
 html.sap-tablet .sapMGTHvrOutln:not(.sapMGTStateDisabled):active,
 html.sap-phone .sapMGTBackgroundHvrOutln:not(.sapMGTStateDisabled):active,
 html.sap-tablet .sapMGTBackgroundHvrOutln:not(.sapMGTStateDisabled):active {
-	box-shadow: 0 0 0 0.125rem @sapUiContentShadowColor;
+	box-shadow: 0 0 0 0.125rem var(--sapContent_ShadowColor);
 }
 
 .sapMGT.sapMGTLineMode:hover {
+
 	&.sapMGTLineModePress {
 		box-shadow: none;
 	}
@@ -166,53 +181,60 @@ html.sap-tablet .sapMGTBackgroundHvrOutln:not(.sapMGTStateDisabled):active {
 .sapMGT:not(.sapMGTStateDisabled,.sapMGTLineMode,.TwoByHalf.sapMGTIconMode):active {
 	box-shadow: none;
 	border-color: transparent !important;
-	.sapMGTFocusDiv{
-		outline:solid 0.1875rem @sapTile_Interactive_BorderColor;
+
+	.sapMGTFocusDiv {
+		outline:solid 0.1875rem var(--sapTile_Interactive_BorderColor);
 		border-radius: inherit;
 	}
 }
 
 .TwoByOne.sapMGTActionMode {
 	border-radius: 1.25rem;
+
 	.sapMGTFocusDiv {
 		border-radius: 1.25rem !important;
 	}
 }
 
-.sapMGT.sapMGTLineMode:hover{
+.sapMGT.sapMGTLineMode:hover {
 	box-shadow: none !important;
 	border: none !important;
+
 	.sapMGTFocusDiv {
-		border: 0.1875rem solid @sapTile_Interactive_BorderColor;
+		border: 0.1875rem solid var(--sapTile_Interactive_BorderColor);
 		inset: -2px;
 	}
 }
 
-.sapMGT.sapMGTLineMode:active{
-	background-color: @sapTile_Active_Background;
-	outline: 2px solid @sapContent_FocusColor !important;
+.sapMGT.sapMGTLineMode:active {
+	background-color: var(--sapTile_Active_Background);
+	outline: 2px solid var(--sapContent_FocusColor) !important;
 	outline-offset: -0.125rem;
 	border: none !important;
-	.sapMGTFocusDiv{
+
+	.sapMGTFocusDiv {
 		border: none !important;
 		box-shadow: none !important;
 	}
 }
 
-
 .sapMGT.sapMGTScopeActions.sapMGTIconMode .sapMBtnBase.sapMGTMoreIcon .sapMBtnIcon {
 	line-height: 2.125rem !important;
 	border: none;
 }
-.sapUiSizeCompact{
+.sapUiSizeCompact {
+
 	.sapMGT.sapMGTScopeActions.sapMGTIconMode .sapMBtnBase.sapMGTMoreIcon .sapMBtnIcon {
 		line-height: 1.5rem !important;
 	}
 }
 
-.sapMGT.sapMGTScopeActions, .sapMGT.sapMGTScopeSingleAction{
-	.sapMBtnBase.sapMGTMoreIcon{
-		.sapMBtnIcon{
+.sapMGT.sapMGTScopeActions,
+.sapMGT.sapMGTScopeSingleAction {
+
+	.sapMBtnBase.sapMGTMoreIcon {
+
+		.sapMBtnIcon {
 			border: 0.01rem solid;
 			border-radius: 0.5rem;
 			line-height: 1.7;
@@ -220,10 +242,14 @@ html.sap-tablet .sapMGTBackgroundHvrOutln:not(.sapMGTStateDisabled):active {
 	}
 }
 
-.sapUiSizeCompact{
-	.sapMGT.sapMGTScopeActions:not(.sapMGTIconMode.TwoByHalf), .sapMGT.sapMGTScopeSingleAction:not(.sapMGTIconMode.TwoByHalf){
-		.sapMBtnBase.sapMGTMoreIcon{
-			.sapMBtnIcon{
+.sapUiSizeCompact {
+
+	.sapMGT.sapMGTScopeActions:not(.sapMGTIconMode.TwoByHalf),
+	.sapMGT.sapMGTScopeSingleAction:not(.sapMGTIconMode.TwoByHalf) {
+
+		.sapMBtnBase.sapMGTMoreIcon {
+
+			.sapMBtnIcon {
 				padding-left: 0.5rem;
 				padding-right: 0.5rem;
 				line-height: 1.5rem;
@@ -232,19 +258,27 @@ html.sap-tablet .sapMGTBackgroundHvrOutln:not(.sapMGTStateDisabled):active {
 		}
 	}
 }
-.sapMGTLineMode .sapMGTActionsContainer, .sapMGTLineMode .sapMGTScopeSingleActionContainer{
-	.sapMGTMoreIcon.sapMBtnBase{
-		.sapMBtnIcon{
+
+.sapMGTLineMode .sapMGTActionsContainer,
+.sapMGTLineMode .sapMGTScopeSingleActionContainer {
+
+	.sapMGTMoreIcon.sapMBtnBase {
+
+		.sapMBtnIcon {
 			bottom: 0.5rem;
 			left: -1.5rem;
 		}
 	}
 }
 
-.sapUiSizeCompact{
-	.sapMGT.sapMGTLineMode.sapMGTScopeSingleAction:not(.sapMGTIconMode.TwoByHalf), .sapMGT.sapMGTLineMode.sapMGTScopeActions:not(.sapMGTIconMode.TwoByHalf){
-		.sapMGTMoreIcon.sapMBtnBase{
-			.sapMBtnIcon{
+.sapUiSizeCompact {
+
+	.sapMGT.sapMGTLineMode.sapMGTScopeSingleAction:not(.sapMGTIconMode.TwoByHalf),
+	.sapMGT.sapMGTLineMode.sapMGTScopeActions:not(.sapMGTIconMode.TwoByHalf) {
+
+		.sapMGTMoreIcon.sapMBtnBase {
+
+			.sapMBtnIcon {
 				bottom: 0.4rem;
 				left: -1.7rem
 			}
@@ -252,26 +286,35 @@ html.sap-tablet .sapMGTBackgroundHvrOutln:not(.sapMGTStateDisabled):active {
 	}
 }
 
-.sapUiMedia-GenericTileDeviceSet-large{
+.sapUiMedia-GenericTileDeviceSet-large {
+
 	.sapMGTLineMode.sapMGTScopeSingleAction {
-		.sapMGTHdrTxt:last-of-type, .sapMGTSubHdrTxt {
+
+		.sapMGTHdrTxt:last-of-type,
+		.sapMGTSubHdrTxt {
 			padding-right: 3rem;
 		}
 	}
 }
 
-.sapUiMedia-GenericTileDeviceSet-large{
+.sapUiMedia-GenericTileDeviceSet-large {
+
 	.sapMGTLineMode.sapMGTScopeSingleAction.sapMGTAcionRemove {
-		.sapMGTHdrTxt:last-of-type, .sapMGTSubHdrTxt {
+
+		.sapMGTHdrTxt:last-of-type,
+		.sapMGTSubHdrTxt {
 			padding-right: 1rem;
 		}
 	}
 }
 
-.sapUiMedia-GenericTileDeviceSet-large{
+.sapUiMedia-GenericTileDeviceSet-large {
+
 	.sapMGTLineMode.sapMGTScopeActions {
-		.sapMGTHdrTxt:last-of-type, .sapMGTSubHdrTxt {
+
+		.sapMGTHdrTxt:last-of-type,
+		.sapMGTSubHdrTxt {
 			padding-right: 4.5rem;
 		}
 	}
-}
+}

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

@@ -8,28 +8,28 @@
 }
 
 .sapMHdrCntrBtn .sapMBtnIcon {
-	color: @sapUiContentIconColor;
+	color: var(--sapContent_IconColor);
 	font-size: 22px;
 }
 
-.sapMHrdrCntrInner:focus:not ([tabindex]) {
+.sapMHrdrCntrInner:focus:not([tabindex]) {
 	outline: none;
 }
 
 .sapMHrdrCntrInner {
-    border: 2px solid transparent;
+	border: 2px solid transparent;
 }
 
 .sapMHdrCntrBtnIcon{
-	color: @sapContent_NonInteractiveIconColor;
+	color: var(--sapContent_NonInteractiveIconColor);
 }
 
 .sapMHrdrCntrDvdrs.Horizontal .sapMHrdrCntrInner::after {
-	border-left: 1px solid @sapList_BorderColor;
+	border-left: 1px solid var(--sapList_BorderColor);
 }
 
 .sapMHrdrCntrDvdrs.Vertical .sapMHrdrCntrInner::after {
-	border-top: 1px solid @sapList_BorderColor;
+	border-top: 1px solid var(--sapList_BorderColor);
 }
 
 .sapMHdrCntrBGTransparent {

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

@@ -272,6 +272,10 @@
 	border: 0.125rem solid var(--sapObjectHeader_BorderColor);
 }
 
+.sapMITBBackgroundDesignTransparent > .sapMITBContainerContent > .sapMITBContent {
+	border: none;
+}
+
 .sapMITBContainerContent {
 
 	&.sapMITBContentClosed {

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

@@ -3,52 +3,54 @@
 /* Horizon High Contrast White theme  */
 /* ================================== */
 
-// ==========================================================================
-// Variables overriding
-// ==========================================================================
+/* ========================================================================== */
+/* Variables overriding */
+/* ========================================================================== */
 
 @_sap_m_InputBase_InnerMinWidth: 2.75rem;
 @_sap_m_InputBase_InnerPadding: 0 0.625rem;
-@_sap_m_InputBase_DisabledOpacity: @sapUiContentDisabledOpacity;
+@_sap_m_InputBase_DisabledOpacity: var(--sapContent_DisabledOpacity);
 @_sap_m_InputBase_IconLineHeight: 2.125rem;
 @_sap_m_InputBase_IconWidth: 2.25rem;
 @_sap_m_InputBase_IconMinWidth: 2.25rem;
 @_sap_m_InputBase_FocusOffset_Busy: 3px;
 
 .sapMInputBaseContentWrapper:not(.sapMInputBaseContentWrapperError):not(.sapMInputBaseContentWrapperWarning):not(.sapMInputBaseContentWrapperInformation):not(.sapMInputBaseDisabledWrapper) {
-	border: @sapUiContentFocusWidth @sapUiFieldBorderStyle @sapUiFieldBorderColor;
+	border: var(--sapContent_FocusWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);
 }
 
 .sapMInputBase:not(.sapMInputBaseDisabled):not(.sapMInputBaseIconPressed) .sapMInputBaseIconContainer .sapMInputBaseIcon {
 	box-sizing: border-box;
-	color: @sapUiContentIconColor;
+	color: var(--sapContent_IconColor);
 
 	&:hover {
-		background: @sapUiButtonLiteHoverBackground;
-		border-left: 1px solid @sapUiListSelectionBorderColor;
+		background: var(--sapButton_Lite_Hover_Background);
+		border-left: 1px solid var(--sapList_SelectionBorderColor);
 	}
 
 	&:active {
-		background-color: @sapUiButtonLiteActiveBackground;
-		color: @sapUiButtonActiveTextColor;
-		border-left: 1px solid @sapUiListSelectionBorderColor;
+		background-color: var(--sapButton_Lite_Active_Background);
+		color: var(--sapButton_Active_TextColor);
+		border-left: 1px solid var(--sapList_SelectionBorderColor);
 	}
 }
 
 .sapMInputBaseIconPressed .sapMInputBaseIcon {
-	background: @sapUiButtonSelectedBackground;
-	border-left: 1px solid @sapUiListSelectionBorderColor;
+	background: var(--sapButton_Selected_Background);
+	border-left: 1px solid var(--sapList_SelectionBorderColor);
 }
 
 .sapMInputBaseDisabledWrapper .sapMInputBaseIcon {
-	color: @sapUiContentIconColor;
+	color: var(--sapContent_IconColor);
 
 	&:hover {
 		background: transparent;
 	}
 }
 
-.sapMInputBaseContentWrapperWarning, .sapMInputBaseContentWrapperError {
+.sapMInputBaseContentWrapperWarning,
+.sapMInputBaseContentWrapperError {
+
 	.sapMInputBaseInner {
 		font-style: italic;
 		font-weight: bold;
@@ -66,12 +68,12 @@
 }
 
 .sapMInputBaseContentWrapperError .sapMInputBaseInner::-webkit-input-placeholder {
-	color: @sapUiFieldTextColor;
+	color: var(--sapField_TextColor);
 	font-weight: bold;
 }
 
 .sapMInputBaseContentWrapperError .sapMInputBaseInner::-moz-placeholder {
-	color: @sapUiFieldTextColor;
+	color: var(--sapField_TextColor);
 	font-weight: bold;
 }
 
@@ -102,17 +104,17 @@
 .sapMLIBActive {
 	.sapMInputBaseInner,
 	.sapMInputBaseContentWrapper {
-		color: @sapUiListActiveTextColor;
+		color: var(--sapList_Active_TextColor);
 		background: transparent;
 	}
 
 	.sapMInputDescriptionText {
-		color: @sapUiListActiveTextColor;
+		color: var(--sapList_Active_TextColor);
 	}
 }
 
 .sapMLIBActive .sapMInputBaseInner::-webkit-input-placeholder {
-	color: @sapUiListActiveTextColor;
+	color: var(--sapList_Active_TextColor);
 }
 
 .sapUiSizeCondensed .sapUiTableDataCell .sapMInputBase .sapMInputBaseContentWrapper:not(.sapMInputBaseContentWrapperState) {

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

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

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

@@ -7,10 +7,10 @@
 /* Variables overriding            */
 /* ------------------------------- */
 
-@_sap_m_LightBox_ContainerBackground: @sapUiGroupContentBackground;
+@_sap_m_LightBox_ContainerBackground: var(--sapGroup_ContentBackground);
 @_sap_m_LightBox_SubtitleMarginTop: 0.25rem;
 @_sap_m_LightBox_OverlayOpacity: 0.3;
-@_sap_m_LightBox_FontFamily: @sapUiFontHeaderFamily;
+@_sap_m_LightBox_FontFamily: var(--sapFontHeaderFamily);
 
 /* ------------------------------- */
 /* Footer                          */
@@ -39,5 +39,4 @@
 			margin-bottom: 0;
 		}
 	}
-
-}
+}

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

@@ -4,42 +4,42 @@
 /* ================================== */
 
 .sapMListHdrText {
-	border-bottom: 0.188rem solid @sapUiGroupTitleBorderColor;
-	font-size: @sapUiGroupTitleFontSize;
+	border-bottom: 0.188rem solid var(--sapGroup_TitleBorderColor);
+	font-size: var(--sapGroup_Title_FontSize);
 }
 
-/*Growing feature*/
+/* Growing feature */
 
-/*HCB additional styles for Growing feature*/
+/* HCB additional styles for Growing feature */
 .sapMLIBContent > .sapMGrowingListTrigger {
 	box-sizing: border-box;
 	border-radius: 0.375rem;
-	background: @sapUiButtonBackground;
-	border: @sapUiListBorderWidth solid @sapUiButtonBorderColor;
+	background: var(--sapButton_Background);
+	border: var(--sapList_BorderWidth) solid var(--sapButton_BorderColor);
 }
 
 html.sap-desktop .sapMLIBContent > .sapMGrowingListTrigger:hover {
-	background: @sapUiButtonHoverBackground;
+	background: var(--sapButton_Hover_Background);
 }
 
 html.sap-desktop .sapMGrowingList > .sapMCLI:hover {
-	background: @sapUiListBackground !important;
+	background: var(--sapList_Background) !important;
 }
 
-//Needed to fix the margin collapsing behaviour on safari
+/*Needed to fix the margin collapsing behaviour on safari */
 html.sap-desktop .sapMGrowingList > .sapMCLI {
 	padding: 0.25rem;
 }
 
-html.sap-desktop .sapMGrowingList  .sapMCLI.sapMLIB.sapMLIB-CTX:focus{
+html.sap-desktop .sapMGrowingList .sapMCLI.sapMLIB.sapMLIB-CTX:focus {
 	outline:none;
 }
 
 html.sap-desktop .sapMLIB-CTX:focus .sapMGrowingListTrigger {
-	border: 0.125rem dotted @sapUiContentFocusColor;
+	border: 0.125rem dotted var(--sapContent_FocusColor);
 	border-radius: 0;
 }
 
 .sapMGrowingListDummyColumn {
-	border-right: 1px solid @sapUiListTableFixedBorderColor;
+	border-right: 1px solid var(--sapList_TableFixedBorderColor);
 }

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

@@ -3,13 +3,13 @@
 /* Horizon High Contrast White theme   */
 /* =================================== */
 
-@_sap_m_ListItemBase_Highlight_InformationColor: @sapUiAccent6;
-@_sap_m_ListItemBase_Navigated: @sapUiListSelectionBorderColor;
+@_sap_m_ListItemBase_Highlight_InformationColor: var(--sapAccentColor6);
+@_sap_m_ListItemBase_Navigated: var(--sapList_SelectionBorderColor);
 @_sap_m_ListItemBase_Detail_Delete_MarginLeft: 0.25rem;
 @_sap_m_ListItemBase_DeleteIcon: decline;
 
 .sapMLIB.sapMLIBSelected {
-	border-bottom: 0.0625rem solid @sapUiListSelectionBorderColor;
+	border-bottom: 0.0625rem solid var(--sapList_SelectionBorderColor);
 }
 
 .sapMLIBFocusable:focus {

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

@@ -5,12 +5,15 @@
 
 /* Compact size */
 .sapUiSizeCompact {
+
 	.sapMMenuBtn {
+
 		.sapMBtnInner.sapMBtnText .sapMBtnIcon {
 			margin-left: 0;
 			margin-right: 0;
 		}
 	}
+
 	.sapMMenuBtn .sapMBtnIcon {
 		margin-left: 0.4375rem;
 		margin-right: 0.4375rem;
@@ -18,14 +21,15 @@
 }
 
 .sapMMenuBtn {
+
 	.sapMBtn:hover > .sapMBtnHoverable.sapMBtnEmphasized,
 	span.sapMBtnInner.sapMBtnEmphasized {
-		border-left-color: @sapUiButtonEmphasizedTextColor;
+		border-left-color: var(--sapButton_Emphasized_TextColor);
 	}
 }
 
 .sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized {
-	border-left-color: @sapUiButtonEmphasizedTextColor;
+	border-left-color: var(--sapButton_Emphasized_TextColor);
 }
 
 .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner::after {
@@ -33,13 +37,13 @@
 }
 
 .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner:not(.sapMBtnText) {
-	padding-left: 0rem;
+	padding-left: 0;
 }
 
 .sapMMenuBtn .sapMBtn:not(.sapMSBArrow) .sapMBtnInner.sapMBtnIconFirst:not(.sapMBtnText) .sapMBtnIcon {
-	padding-right: 0rem;
+	padding-right: 0;
 }
 
 .sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner {
-	background-color: @sapUiButtonSelectedBackground;
+	background-color: var(--sapButton_Selected_Background);
 }

package/src/sap/m/themes/sap_horizon_hcw/MenuListItem.less

@@ -4,5 +4,5 @@
 /* =================================== */
 
 .sapMRespMenuDialog .sapMLIB {
-  border-bottom: 1px solid;
+	border-bottom: 1px solid;
 }

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

@@ -4,7 +4,7 @@
 /* ================================== */
 
 .sapMDialog.sapMMessageBoxInfo .sapMDialogIcon.sapUiIcon {
-	color: @sapUiInformativeElement;
+	color: var(--sapInformativeElementColor);
 }
 
 .sapMMessageBox .sapMDialogFooter .sapMBtn {

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

@@ -3,4 +3,4 @@
 /* Horizon High Contrast White theme            */
 /* ============================================ */
 
-@_sap_m_NotificationListGroup_Background: @sapUiListGroupHeaderBackground;
+@_sap_m_NotificationListGroup_Background: var(--sapList_GroupHeaderBackground);

package/src/sap/m/themes/sap_horizon_hcw/ObjectAttribute.less

@@ -18,13 +18,13 @@
 .sapMObjectAttributeActive .sapMObjectAttributeText:focus::after {
 	pointer-events: none;
 	display: block;
-	content: "";
+	content: '';
 	position: absolute;
 	top: 2px;
 	left: 1px;
 	bottom: 2px;
 	right: 1px;
-	outline: 2px dotted @sapUiContentFocusColor;
+	outline: 2px dotted var(--sapContent_FocusColor);
 }
 
 .sapMObjectAttributeActive .sapMObjectAttributeText:active,
@@ -40,7 +40,7 @@
 .sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText:hover,
 .sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText:focus {
 	text-decoration: underline;
-	color: @sapUiLinkHoverColor;
+	color: var(--sapLink_Hover_Color);
 }
 
 /*=========================================== */