@openui5/sap.m 1.133.0 → 1.134.0

package/src/sap/m/table/columnmenu/QuickSortItem.js

@@ -36,7 +36,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionItem
 	 *
 	 * @author SAP SE
-	 * @version 1.133.0
+	 * @version 1.134.0
 	 *
 	 * @public
 	 * @since 1.110

package/src/sap/m/table/columnmenu/QuickTotal.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionBase
 	 *
 	 * @author SAP SE
-	 * @version 1.133.0
+	 * @version 1.134.0
 	 *
 	 * @public
 	 * @since 1.110

package/src/sap/m/table/columnmenu/QuickTotalItem.js

@@ -30,7 +30,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionItem
 	 *
 	 * @author SAP SE
-	 * @version 1.133.0
+	 * @version 1.134.0
 	 *
 	 * @public
 	 * @since 1.110

package/src/sap/m/themes/base/ActionTile.less

@@ -40,7 +40,7 @@
 
 			.sapMGTTitle {
 				line-height: 1.2;
-				font-size: 0.875rem;
+				font-size: var(--sapFontSize);
 			}
 
 			.sapMTilePriorityValue {
@@ -99,7 +99,7 @@
 						overflow: hidden;
 						text-overflow: ellipsis;
 						font-weight: 400;
-						font-size: 0.875rem;
+						font-size: var(--sapFontSize);
 						margin-bottom: 0.75rem;
 						max-height: 16rem;
 					}
@@ -116,7 +116,7 @@
 						text-overflow: ellipsis;
 						color: var(--sapTextColor);
 						font-weight: 400;
-						font-size: 0.875rem;
+						font-size: var(--sapFontSize);
 						margin: 0 0 1rem 0;
 						line-height: 1.125rem;
 					}

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

@@ -6,7 +6,7 @@
 .sapMGT {
 	display: inline-block;
 	text-decoration: none;
-	border-radius: 0.25rem;
+	border-radius: var(--sapTile_BorderCornerRadius);
 	position: relative;
 	outline: none;
 	box-sizing: border-box;
@@ -945,7 +945,7 @@
 
 .sapMGTOverlay {
 	background-color: var(--sapTile_Background);
-	border-radius: 0.125rem;
+	border-radius: var(--sapTile_BorderCornerRadius);
 }
 
 .sapMGTOverlayMixin(@offset: 0px, @z-index: 0) {
@@ -971,7 +971,8 @@
 			.sapMGTOverlayMixin();
 			display: block;
 			content: '';
-			background-color: fade(@sapUiTileBackground, 60);
+			background-color: var(--sapTile_Background);
+			opacity: 0.7;
 		}
 	}
 
@@ -1190,7 +1191,8 @@
 			.sapMGTOverlayMixin();
 			display: block;
 			content: '';
-			background-color: fade(@sapUiTileBackground, 60);
+			background-color: var(--sapTile_Background);
+			opacity: 0.7;
 			border-radius: 0.125rem;
 		}
 	}
@@ -1633,7 +1635,8 @@ html[dir=rtl] .sapMGTLineMode {
 /* OVERLAYS AND HELPERS */
 .sapMGTOverlay {
 	.sapMGTOverlayMixin();
-	opacity: 0.8;
+		background-color: var(--sapTile_Background);
+		opacity: 0.7;
 }
 
 .sapMGT .sapMGTFocusDiv {
@@ -1920,11 +1923,11 @@ html[data-sap-ui-browser*='ff'] {
 
 		.sapMText {
 			line-height: 1rem;
-			font-size: 0.875rem;
+			font-size: var(--sapFontSize);
 		}
 
 		.sapMGTSubHdrTxt .sapMText {
-			font-size: 0.875rem;
+			font-size: var(--sapFontSize);
 		}
 
 		.sapMGTHdrIconImage {
@@ -2097,14 +2100,14 @@ html[data-sap-ui-browser*='ff'] {
 					position: initial;
 					margin-right: 0;
 					margin-left: 1rem;
-					font-size: 0.875rem;
+					font-size: var(--sapFontSize);
 					margin-top: 1rem;
 				}
 			}
 
 			.sapMTileCntFtrTxt {
 				margin: 0 1rem 1rem 1rem;
-				font-size: 0.875rem;
+				font-size: var(--sapFontSize);
 				bottom: 0;
 			}
 		}
@@ -2185,7 +2188,7 @@ html[data-sap-ui-browser*='ff'] {
 
 			.sapMText {
 				line-height: 1rem;
-				font-size: 0.875rem;
+				font-size: var(--sapFontSize);
 				font-weight: bold;
 			}
 		}
@@ -2410,7 +2413,7 @@ html[data-sap-ui-browser*='ff'] {
 }
 
 .sapMGTHdrContent.sapMGTOneByOne > .sapMGTHdrTxt > .sapMText {
-	font-size: 0.875rem;
+	font-size: var(--sapFontSize);
 	color: var(--sapContent_ContrastTextColor);
 	text-align: center !important;
 	white-space: initial;
@@ -2580,7 +2583,7 @@ html[data-sap-ui-browser*='ff'] {
 			}
 
 			.sapMGTSystemInfoText {
-				font-size: 0.75rem;
+				font-size: var(--sapFontSmallSize);
 				position: relative;
 				display: inline-block;
 				word-break: break-word;
@@ -2591,7 +2594,7 @@ html[data-sap-ui-browser*='ff'] {
 			}
 
 			.sapMGTSystemInfoText.sapMGTSeperatorPresent {
-				font-size: 0.75rem;
+				font-size: var(--sapFontSmallSize);
 				position: relative;
 				display: inline-block;
 
@@ -2630,7 +2633,7 @@ html[data-sap-ui-browser*='ff'] {
 		line-height: 1rem;
 
 		.sapMText {
-			font-size: 0.875rem;
+			font-size:var(--sapFontSize);
 			color: var(--sapContent_LabelColor);
 		}
 	}
@@ -2677,7 +2680,7 @@ html[data-sap-ui-browser*='ff'] {
 }
 
 .sapMGTTwoByHalf  > .TwoByHalf > .sapMGTHdrTxt > .sapMText {
-	font-size: 0.875rem;
+	font-size: var(--sapFontSize);
 	color: var(--sapTile_TitleTextColor);
 }
 
@@ -2894,7 +2897,6 @@ html[data-sap-ui-browser*='ff'] {
 	border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 }
 
-.sapFGridContainer .sapFGridContainerItemWrapperNoVisualFocus:focus .sapMGTFocusDiv, /* focus inside GridContainer */
 .sapMGT:focus .sapMGTFocusDiv,
 .sapMGT:active .sapMGTFocusDiv,
 .sapMGTLineModePress .sapMGTFocusDiv {

package/src/sap/m/themes/base/ImageContent.less

@@ -51,7 +51,7 @@ html.sap-desktop .sapMImageContent:focus:not([tabindex]) {
 	}
 
 	.sapMImageContentImageIcon.sapUiIcon {
-		font-size: 1.5rem;
+		font-size: var(--sapFontHeader3Size);;
 		padding-bottom: 0.25rem;
 	}
 }

package/src/sap/m/themes/base/MessageToast.less

@@ -17,9 +17,9 @@
 	font-family: var(--sapFontFamily);
 	font-weight: normal;
 	padding: 1rem;
-	background: var(--sapList_Background);
-	color: var(--sapList_TextColor);
-	box-shadow: var(--sapContent_Shadow2);
+	background: var(--sapIndicationColor_9_Background);
+	color: var(--sapContent_ContrastTextColor);
+	box-shadow: var(--sapContent_Lite_Shadow);
 	border-radius: var(--sapElement_BorderCornerRadius);
 }
 

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

@@ -23,6 +23,7 @@
 	}
 
 	.sapMMsgViewTitleText,
+	.sapMMsgViewSubtitleText,
 	.sapMMsgViewDescriptionText {
 		margin: 1rem 1rem 0 3rem;
 
@@ -52,15 +53,23 @@
 		font-size: var(--sapFontHeader5Size);
 	}
 
+	.sapMMsgViewSubtitleText {
+		display: block;
+		margin: 0 0 1rem 2.5rem;
+		font-family: var(--sapFontFamily);
+		color: var(--sapContent_LabelColor);
+		font-size: var(--sapFontSize);
+	}
+
 	.sapMMsgViewItem {
 		padding-left: 0;
 
 		&.sapMSLIWithDescription {
-			height: 3.3125rem;
+			min-height: 3.3125rem;
 		}
 
 		&:not(.sapMSLIWithDescription) {
-			height: 2.75rem;
+			min-height: 2.75rem;
 		}
 
 		.sapMSLIImgIcon {
@@ -68,6 +77,10 @@
 		}
 	}
 
+	.sapMSLI {
+		height: auto !important;
+	}
+
 	.sapMSLIDescription {
 		margin-top: 0.125rem;
 		font-family: var(--sapFontFamily);
@@ -97,6 +110,10 @@
 		margin-top: 0.125rem;
 	}
 
+	.sapMSLIDiv {
+		padding: 0 !important;
+	}
+
 	.sapMSLIInfo {
 		margin: 0;
 	}
@@ -134,7 +151,6 @@
 
 	& .sapMLnk {
 		font-size: var(--sapFontHeader5Size);
-		line-height: 1.5rem;
 	}
 
 	& .sapMSLITitleOnly {

package/src/sap/m/themes/base/NumericContent.less

@@ -162,7 +162,7 @@ html[dir=rtl] .sapMNCValue {
 }
 
 .sapMNCScale {
-	font-size: 0.875rem;
+	font-size: var(--sapFontSize);
 	font-family: var(--sapFontHeaderFamily);
 	font-weight: @sapUiFontHeaderWeight;
 	grid-column: 1;
@@ -221,19 +221,19 @@ html[dir=rtl] .sapMNCValue {
 	}
 
 	.sapMNCLargeFontSize {
-		font-size: 1.5rem;
+		font-size: var(--sapFontHeader3Size);
 		height: 1.875rem;
 		padding-top: 0.5rem;
 	}
 
 	.sapMNCMediumFontSize {
-		font-size: 1.5rem;
+		font-size: var(--sapFontHeader3Size);
 		height: 1.875rem;
 		padding-top: 0.5rem;
 	}
 
 	.sapMNCSmallFontSize {
-		font-size: 1.5rem;
+		font-size: var(--sapFontHeader3Size);
 		height: 1.875rem;
 		padding-top: 0.5rem;
 	}

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

@@ -280,35 +280,35 @@
 
 /*  First set of inverted indication colors */
 .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_1);
+	background-color: var(--sapIndicationColor_1_Background);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_2);
+	background-color: var(--sapIndicationColor_2_Background);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_3);
+	background-color: var(--sapIndicationColor_3_Background);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_4);
+	background-color: var(--sapIndicationColor_4_Background);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_5);
+	background-color: var(--sapIndicationColor_5_Background);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_6);
+	background-color: var(--sapIndicationColor_6_Background);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_7);
+	background-color: var(--sapIndicationColor_7_Background);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_8);
+	background-color: var(--sapIndicationColor_8_Background);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication09 .sapMObjStatusWrapper {
@@ -748,113 +748,113 @@ html.sap-desktop .sapMObjStatusActive:focus {
 
 /* Second set of inverted indication colors regular state */
 .sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_1b);
+	background-color: var(--sapIndicationColor_1b_Background);
 	border-color: var(--sapIndicationColor_1b_BorderColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusIcon {
 	text-shadow: var(--sapContent_ContrastTextShadow);
-	color: var(--sapIndicationColor_1);
+	color: var(--sapIndicationColor_1b_TextColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_2b);
+	background-color: var(--sapIndicationColor_2b_Background);
 	border-color: var(--sapIndicationColor_2b_BorderColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusIcon {
 	text-shadow: var(--sapContent_ContrastTextShadow);
-	color: var(--sapIndicationColor_2);
+	color: var(--sapIndicationColor_2b_TextColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_3b);
+	background-color: var(--sapIndicationColor_3b_Background);
 	border-color: var(--sapIndicationColor_3b_BorderColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusIcon {
 	text-shadow: var(--sapContent_ContrastTextShadow);
-	color: var(--sapIndicationColor_3);
+	color: var(--sapIndicationColor_3b_TextColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_4b);
+	background-color: var(--sapIndicationColor_4b_Background);
 	border-color: var(--sapIndicationColor_4b_BorderColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusIcon {
 	text-shadow: var(--sapContent_ContrastTextShadow);
-	color: var(--sapIndicationColor_4);
+	color: var(--sapIndicationColor_4b_TextColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_5b);
+	background-color: var(--sapIndicationColor_5b_Background);
 	border-color: var(--sapIndicationColor_5b_BorderColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusIcon {
 	text-shadow: var(--sapContent_ContrastTextShadow);
-	color: var(--sapIndicationColor_5);
+	color: var(--sapIndicationColor_5b_TextColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_6b);
+	background-color: var(--sapIndicationColor_6b_Background);
 	border-color: var(--sapIndicationColor_6b_BorderColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusIcon {
 	text-shadow: var(--sapContent_ContrastTextShadow);
-	color: var(--sapIndicationColor_6);
+	color: var(--sapIndicationColor_6b_TextColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_7b);
+	background-color: var(--sapIndicationColor_7b_Background);
 	border-color: var(--sapIndicationColor_7b_BorderColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusIcon {
 	text-shadow: var(--sapContent_ContrastTextShadow);
-	color: var(--sapIndicationColor_7);
+	color: var(--sapIndicationColor_7b_TextColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_8b);
+	background-color: var(--sapIndicationColor_8b_Background);
 	border-color: var(--sapIndicationColor_8b_BorderColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusIcon {
 	text-shadow: var(--sapContent_ContrastTextShadow);
-	color: var(--sapIndicationColor_8);
+	color: var(--sapIndicationColor_8b_TextColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_9b);
+	background-color: var(--sapIndicationColor_9b_Background);
 	border-color: var(--sapIndicationColor_9b_BorderColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusIcon {
 	text-shadow: var(--sapContent_ContrastTextShadow);
-	color: var(--sapIndicationColor_9);
+	color: var(--sapIndicationColor_9b_TextColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_10b);
+	background-color: var(--sapIndicationColor_10b_Background);
 	border-color: var(--sapIndicationColor_10b_BorderColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusIcon {
 	text-shadow: var(--sapContent_ContrastTextShadow);
-	color: var(--sapIndicationColor_10);
+	color: var(--sapIndicationColor_10b_TextColor);
 }
 
 /* Second set of inverted indication colors hovered state */
@@ -875,7 +875,7 @@ html.sap-desktop .sapMObjStatusActive:focus {
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_4b_Hover_Background);
+	background-color: var(--sapIndicationColor_5b_Hover_Background);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {

package/src/sap/m/themes/base/SinglePlanningCalendarMonthGrid.less

@@ -45,8 +45,9 @@
 	flex: 1 1;
 	display: flex;
 	flex-direction: column;
-	border-left: 0.0625rem solid var(--sapList_BorderColor);
-	border-top: 0.0625rem solid var(--sapList_BorderColor);
+	border: 0.0625rem solid transparent;
+	border-left-color: var(--sapList_BorderColor);
+	border-top-color: var(--sapList_BorderColor);
 	box-sizing: border-box;
 	background-color: var(--sapList_Background);
 	position: relative;
@@ -326,4 +327,11 @@ html.sap-phone {
 	.sapMSPCMonthGrid > :not(.sapMSinglePCGridContent) {
 		margin-left: 10%;
 	}
+}
+
+/* Disable text selection while dragging the cursor */
+.sapMSinglePCGrid * {
+	-webkit-user-select: none; /* Safari */
+	-ms-user-select: none; /* IE 10 and IE 11 */
+	user-select: none; /* Standard syntax */
 }

package/src/sap/m/themes/base/SplitButton.less

@@ -41,6 +41,7 @@
 
 .sapMTB-Transparent-CTX .sapMSB .sapMSBText:hover .sapMBtnDefault.sapMBtnInner {
 	border-right-width: 0.0625rem;
+
 	&.sapMBtnText {
 		padding-right: 0.5rem;
 	}
@@ -61,17 +62,18 @@
 	position: absolute;
 }
 
-//ie
+/* ie */
 .sapMSBTextIE.sapMSBText {
 	padding-right: 2.5rem;
 }
 
 .sapUiSizeCompact {
+
 	.sapMSB .sapMSBInner .sapMSBText:not(.sapMSBTextIE) .sapMBtnInner {
 		margin-right: 2rem;
 	}
 
-	//ie
+	/* ie */
 	.sapMSBTextIE.sapMSBText {
 		padding-right: 2rem;
 	}
@@ -80,6 +82,7 @@
 		padding-left: 0;
 		padding-right: 0;
 	}
+
 	.sapMTB-Transparent-CTX .sapMSB .sapMSBText:hover .sapMBtnDefault.sapMBtnInner {
 		padding-right: 0.375rem;
 	}
@@ -90,10 +93,11 @@
 	bottom: 0.3125rem;
 	left: 0.0625rem;
 	right: 0.0625rem;
-	border: 0.0625rem dotted @sapUiContentFocusColor;
+	border: 0.0625rem dotted var(--sapContent_FocusColor);
 }
 
 .sapUiSizeCompact {
+
 	.sapMSB:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
 		top: 0.25rem;
 		bottom: 0.25rem;

package/src/sap/m/themes/base/StandardTile.less

@@ -30,7 +30,7 @@
 	line-height: 1em;
 	font-family: @sapUiFontCondensedFamily;
 	font-stretch: condensed; /* for Firefox */
-	color: @sapUiContentLabelColor;
+	color: var(--sapContent_LabelColor);
 }
 
 .sapMStdTileNum {
@@ -68,7 +68,7 @@
 	word-break: break-word;
 }
 
-html[dir=rtl] .sapMStdTileTitle{
+html[dir=rtl] .sapMStdTileTitle {
 	text-align: right;
 }
 
@@ -85,7 +85,7 @@ html[dir=rtl] .sapMStdTileNum,
 html[dir=rtl] .sapMStdTileNumM,
 html[dir=rtl] .sapMStdTileNumS,
 html[dir=rtl] .sapMStdTileNumUnit,
-html[dir=rtl] .sapMStdTileInfo{
+html[dir=rtl] .sapMStdTileInfo {
 	text-align: left;
 }
 
@@ -97,7 +97,7 @@ html[dir=rtl] .sapMStdTileInfo{
 .sapMStdTileMonitorType {
 	margin-top: -2rem;
 	padding-top: 2rem;
-	background-color: @sapUiTileBackground;
+	background-color: var(--sapTile_Background);
 }
 
 .sapMStdTileBottomRow .sapMStdTileMonitorType {
@@ -150,41 +150,41 @@ html.sap-phone .sapMStdTileNumM {
 }
 
 html.sap-phone .sapMStdTileNumS {
-	font-size:  1rem;
+	font-size: 1rem;
 }
 
 .sapMStdTileIconDiv,
 .sapMStdTileTitle {
-	color: @sapUiTileTitleTextColor;
+	color: var(--sapTile_TitleTextColor);
 }
 
 .sapMStdIconMonitor {
-	color: @sapUiContentNonInteractiveIconColor;
+	color: var(--sapContent_NonInteractiveIconColor);
 }
 
 .sapMStdIconCreate {
-	color: @sapUiContentNonInteractiveIconColor;
+	color: var(--sapContent_NonInteractiveIconColor);
 }
 
 .sapMStdTileNumUnit {
-	color: @sapUiContentLabelColor;
+	color: var(--sapContent_LabelColor);
 	text-transform: uppercase;
 }
 
 .sapMStdTileInfo {
-	color: @sapUiContentLabelColor;
+	color: var(--sapContent_LabelColor);
 }
 
 .sapMStdTileInfoError {
-	color: @sapUiNegativeText;
+	color: var(--sapNegativeTextColor);
 }
 
 .sapMStdTileInfoWarning {
-	color: @sapUiCriticalText;
+	color: var(--sapCriticalTextColor);
 }
 
 .sapMStdTileInfoSuccess {
-	color: @sapUiPositiveText;
+	color: var(--sapPositiveTextColor);
 }
 
 .sapMTileActive-CTX .sapMStdIconCreate {
@@ -201,11 +201,11 @@ html.sap-phone .sapMStdTileNumS {
 .sapMTileActive-CTX .sapMStdTileNumS,
 .sapMTileActive-CTX .sapMStdTileInfo,
 .sapMTileActive-CTX .sapMStdTileMonitorType {
-	color: @sapUiContentContrastTextColor;
+	color: var(--sapContent_ContrastTextColor);
 }
 
 .sapMTileActive-CTX .sapMStdTileIconDiv,
 .sapMTileActive-CTX .sapMStdIconMonitor,
 .sapMTileActive-CTX .sapMStdIconCreate {
-	color: @sapUiContentContrastIconColor;
+	color: var(--sapContent_ContrastIconColor);
 }

package/src/sap/m/themes/base/StandardTreeItem.less

@@ -5,7 +5,7 @@
 
 .sapMSTIIcon {
 	margin: 0.5rem 0.75rem 0.5rem 0rem;
-	color: @sapUiContentNonInteractiveIconColor;
+	color: var(--sapContent_NonInteractiveIconColor);
 	font-size: 1rem;
 	height: 1rem;
 	width: 1rem;