@openui5/themelib_sap_horizon 1.131.1 → 1.132.0

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

@@ -4,29 +4,30 @@
 /* ================================================= */
 
 .sapUiSizeCompact .sapMSinglePCGrid {
-	& .sapUiCalItem
-	{
+
+	& .sapUiCalItem {
 		text-align: left;
 	}
 
-	& .sapUiCalDayName
-	{
+	& .sapUiCalDayName {
 		text-align: right;
 	}
 }
 
-.sapMSinglePC .sapUiCalendarAppCont{
+.sapMSinglePC .sapUiCalendarAppCont {
 	border-left: 0.0625rem solid darken(@sapUiListBorderColor, 15);
 	border-radius: 0 0.125rem 0.125rem 0.125rem;
 }
 
 .sapMSinglePC {
-	.sapMSinglePCRow, .sapMSinglePCBlockersColumn {
-		border-color: @sapUiListBorderColor;
+
+	.sapMSinglePCRow,
+	.sapMSinglePCBlockersColumn {
+		border-color: var(--sapList_BorderColor);
 	}
 
 	.sapMSinglePCColumnToday .sapMSinglePCRow::before {
-		border-color: @sapUiLegendCurrentDateTime;
+		border-color: var(--sapLegend_CurrentDateTime);
 	}
 
 	.sapMSinglePCColumnHeader .sapUiCalItem.sapUiCalItemNow {
@@ -34,7 +35,7 @@
 	}
 
 	.sapMSinglePCNowMarker {
-		color: @sapUiLegendCurrentDateTime;
+		color: var(--sapLegend_CurrentDateTime);
 	}
 
 	.sapMSinglePCColumnWeekend,
@@ -42,19 +43,21 @@
 	.sapMSinglePCBlockersRow,
 	.sapMSinglePCNonWorkingPeriod,
 	.sapMSinglePCRowHeaders {
-		background-color: @sapUiListAlternatingBackground;
+		background-color: var(--sapList_AlternatingBackground);
 	}
 
 	.sapMPCHeadNavToolbar.sapMTB-Transparent-CTX.sapMTB {
-		background-color: @sapUiListBackground;
+		background-color: var(--sapList_Background);
 	}
 
-	.sapUiCalItem:focus{
+	.sapUiCalItem:focus {
 		outline: none;
 	}
 
 	.sapMSinglePCColumnHeader {
+
 		.sapUiCalItem.sapUiCalItemNow {
+
 			.sapUiCalSpecialDate {
 				position: absolute;
 				left: 0;
@@ -69,6 +72,7 @@
 	}
 
 	.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps {
+
 		.sapUiCalendarApp {
 			border-top-left-radius: 0;
 			border-bottom-left-radius: 0;
@@ -77,6 +81,7 @@
 }
 
 .sapUiCalendarRowVisFilled .sapMSinglePCAppointmentWrap {
+
 	.sapUiCalendarApp,
 	.sapUiCalendarApp:hover:not(:active) {
 		background-color: transparent;
@@ -84,8 +89,11 @@
 }
 
 .sapUiSizeCompact .sapMSinglePC {
+
 	.sapMSinglePCColumnHeader {
+
 		.sapUiCalItem.sapUiCalItemNow {
+
 			.sapUiCalItemText,
 			.sapUiCalItemSel.sapUiItemText {
 				box-shadow: none;
@@ -93,7 +101,9 @@
 			}
 		}
 	}
+
 	.sapMSinglePCColumnHeader {
+
 		.sapUiCalItem.sapUiCalItemNow:focus {
 			outline: 0.0625rem solid white;
 			box-shadow: inset white;
@@ -102,13 +112,17 @@
 }
 
 .sapUiSizeCompact .sapMSinglePC {
+
 	.sapMSinglePCColumnHeader {
+
 		.sapUiCalItem.sapUiCalItemNow {
 			outline: 0.0625rem solid white;
 			box-shadow: inset white;
+
 			&.sapUiCalItemSel:hover {
-				background-color: @sapUiContentSelectedHoverBackground;
+				background-color: var(--sapContent_Selected_Hover_Background);
 			}
+
 			&.sapUiCalItemSel .sapUiCalItemText,
 			.sapUiCalItemText {
 				box-shadow: none;
@@ -116,6 +130,7 @@
 				line-height: 1.5rem;
 			}
 		}
+
 		.sapUiCalItem.sapUiCalItemSel:not(.sapUiCalItemSelBetween) > .sapUiCalItemText,
 		.sapUiCalItem.sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetween):focus > .sapUiCalItemText {
 			border: transparent;
@@ -131,6 +146,7 @@
 		}
 
 		.sapUiCalItem {
+
 			.sapUiCalItemText,
 			.sapUiCalDayName {
 				height: 1.4rem;
@@ -151,24 +167,29 @@
 }
 
 .sapMSinglePCAppointmentWrap.sapUiCalendarRowApps {
+
 	&:focus {
-		.sapUiCalendarAppCont:after {
-			border: 0.125rem solid @sapUiContentFocusColor;
+
+		.sapUiCalendarAppCont::after {
+			border: 0.125rem solid var(--sapContent_FocusColor);
 			border-radius: 0.125rem;
 		}
 	}
 }
 
 html.sap-desktop {
+
 	.sapMSinglePCBlockersRow > .sapMSinglePCBlockersColumns > .sapMSinglePCBlockersColumn:focus::after,
 	.sapMSinglePCGridContent .sapMSinglePCColumns .sapMSinglePCRow:focus::after {
-		border: 0.125rem solid @sapUiContentFocusColor;
+		border: 0.125rem solid var(--sapContent_FocusColor);
 	}
 }
 
 .sapMSinglePCAppointments,
 .sapMSinglePCBlockers {
+
 	.sapUiCalendarApp {
+
 		&.sapUiCalendarAppSel::after {
 			background-color: initial;
 		}
@@ -176,9 +197,12 @@ html.sap-desktop {
 }
 
 html.sap-desktop {
+
 	.sapMSinglePCBlockers,
 	.sapMSinglePCAppointments {
+
 		.sapUiCalendarApp {
+
 			&.sapUiCalendarAppSel:hover::after {
 				background-color: initial;
 			}
@@ -186,7 +210,7 @@ html.sap-desktop {
 	}
 }
 
-.sapMSinglePC .sapUiCalItemSel:focus > .sapUiCalItemText:after {
+.sapMSinglePC .sapUiCalItemSel:focus > .sapUiCalItemText::after {
 	left: 0;
 	right: 0;
 }
@@ -194,29 +218,34 @@ html.sap-desktop {
 .sapMSinglePCAppointmentWrap::before {
 	border-radius: 0.25rem 0 0 0.25rem;
 }
+
 .sapMSinglePC .sapUiCalendarAppCont {
 	border-radius: 0 0.25rem 0.25rem 0;
 }
 
-.sapMSinglePC .sapUiCalItem.sapUiCalItemSel:focus > .sapUiCalItemText:after {
+.sapMSinglePC .sapUiCalItem.sapUiCalItemSel:focus > .sapUiCalItemText::after {
 	outline: none;
 }
 
 .calendarRowTypeColorMixIn(@class, @iitemtypeclass, @color, @bcolor) {
+
 	.sapMSinglePCGrid .@{iitemtypeclass} {
+
 		&.sapUiCalItem.sapUiCalItemSel {
 			box-shadow: inset 0 0 0 0.15rem @sapContent_Selected_ForegroundColor;
 		}
+
 		&.sapUiCalItem.sapUiCalItemSel:focus {
 			box-shadow: inset 0 0 0 0.25rem @sapContent_Selected_ForegroundColor;
 		}
+
 		&.sapUiCalItem:hover {
 			border-radius: 0.5rem;
 		}
 	}
 }
 
-.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps:focus .sapUiCalendarAppSel:hover .sapUiCalendarAppCont:after {
+.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps:focus .sapUiCalendarAppSel:hover .sapUiCalendarAppCont::after {
 	top: 0.125rem;
 	left: 0.125rem;
 	right: 0.125rem;
@@ -224,18 +253,18 @@ html.sap-desktop {
 }
 
 /* SELECTED CELL IN HEADER */
-.sapMSinglePCGrid .sapUiCalItem.sapUiCalItemSel:not(.sapUiCalItemSelBetween) > .sapUiCalItemText:after {
+.sapMSinglePCGrid .sapUiCalItem.sapUiCalItemSel:not(.sapUiCalItemSelBetween) > .sapUiCalItemText::after {
 	position: absolute;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
-	border: 0.0625rem solid @sapUiContentFocusColor;
-	content: "";
+	border: 0.0625rem solid var(--sapContent_FocusColor);
+	content: '';
 	border-radius: 0.5rem;
 }
 
-.sapMSinglePCGrid .sapUiCalItem.sapUiCalItemSel.sapUiCalItemNow > .sapUiCalItemText:after {
+.sapMSinglePCGrid .sapUiCalItem.sapUiCalItemSel.sapUiCalItemNow > .sapUiCalItemText::after {
 	top: 0.1875rem;
 	left: 0.1875rem;
 	right: 0.1875rem;
@@ -249,18 +278,18 @@ html.sap-desktop {
 	left: 0.375rem;
 	right: 0.375rem;
 	bottom: 0.375rem;
-	border: 0.125rem solid @sapUiContentFocusColor;
-	content: "";
+	border: 0.125rem solid var(--sapContent_FocusColor);
+	content: '';
 	border-radius: 0.1875rem;
 }
 
-.sapMSinglePCGrid .sapUiCalItem.sapUiCalItemSel:focus > .sapUiCalItemText:after {
+.sapMSinglePCGrid .sapUiCalItem.sapUiCalItemSel:focus > .sapUiCalItemText::after {
 	position: absolute;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
-	border: 0.0625rem solid @sapUiContentFocusColor;
-	content: "";
+	border: 0.0625rem solid var(--sapContent_FocusColor);
+	content: '';
 	border-radius: 0.5rem;
 }

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

@@ -2,6 +2,7 @@
 /* CSS for control sap.m/SinglePlanningCalendarMonthGrid  */
 /* Horizon theme                                          */
 /* ====================================================== */
+
 .calendarSpecialDayTypeColorMixIn(@class, @color) {
 	.sapMSPCMonthGrid {
 		.@{class} .specialDateIndicator {
@@ -32,12 +33,12 @@
 .calendarSpecialDayTypeColorMixIn(sapUiCalendarSpecialDayType20, @sapLegendColor20);
 
 html.sap-desktop .sapMSPCMonthDay:not(.sapMSPCMonthDayToday):focus::after {
-	border: 0.125rem solid @sapUiContentFocusColor;
+	border: 0.125rem solid var(--sapContent_FocusColor);
 }
 
 html.sap-desktop .sapMSPCMonthDay.sapMSPCMonthDayToday:focus .sapMSPCMonthNowMarker::after {
 	border: none;
-	outline: 0.125rem solid @sapUiContentFocusColor;
+	outline: 0.125rem solid var(--sapContent_FocusColor);
 	outline-offset: -0.3125rem;
 }
 

package/src/sap/m/themes/sap_horizon/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

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

@@ -3,9 +3,11 @@
 /* Evening Horizon theme              */
 /* ================================== */
 
-/* MessagePage inner controls styles*/
+/* MessagePage inner controls styles */
 .sapMMessagePage {
+
 	.sapMMessagePageInner {
+
 		.sapMMessagePageIcon.sapUiIcon::before {
 			color: fade(@sapUiContentNonInteractiveIconColor,50);
 		}
@@ -24,7 +26,7 @@
 		}
 
 		.sapMLnk {
-			font-size: @sapMFontHeader5Size;
+			font-size: var(--sapFontHeader5Size);
 		}
 	}
 

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

@@ -4,51 +4,51 @@
 /* =================================== */
 
 .sapMMsgStrip {
-	border-radius: @sapUiPopoverBorderCornerRadius;
+	border-radius: var(--sapPopover_BorderCornerRadius);
 }
 
 .sapMMsgStripInformation {
-	background-color: @sapInformationBackground;
-	border-color: @sapUiMessageInformationBorderColor;
+	background-color: var(--sapInformationBackground);
+	border-color: var(--sapMessage_InformationBorderColor);
 
 	.sapMBtnTransparent {
-		background-color: @sapInformationBackground;
-		border-color: @sapInformationBackground;
+		background-color: var(--sapInformationBackground);
+		border-color: var(--sapInformationBackground);
 	}
 
 	.sapMMsgStripIcon {
-		color: @sapInformativeElementColor;
+		color: var(--sapInformativeElementColor);
 	}
 }
 
 .sapMMsgStripError {
-	border-color: @sapUiMessageErrorBorderColor;
+	border-color: var(--sapMessage_ErrorBorderColor);
 
 	.sapMBtnTransparent {
-		background-color: @sapErrorBackground;
-		border-color: @sapErrorBackground;
+		background-color: var(--sapErrorBackground);
+		border-color: var(--sapErrorBackground);
 	}
 }
 
 .sapMMsgStripSuccess {
-	border-color: @sapUiMessageSuccessBorderColor;
+	border-color: var(--sapMessage_SuccessBorderColor);
 
 	.sapMBtnTransparent {
-		background-color: @sapSuccessBackground;
-		border-color: @sapSuccessBackground;
+		background-color: var(--sapSuccessBackground);
+		border-color: var(--sapSuccessBackground);
 	}
 }
 
 .sapMMsgStripWarning {
-	border-color: @sapUiMessageWarningBorderColor;
+	border-color: var(--sapMessage_WarningBorderColor);
 
 	.sapMBtnTransparent {
-		background-color: @sapWarningBackground;
-		border-color: @sapWarningBackground;
+		background-color: var(--sapWarningBackground);
+		border-color: var(--sapWarningBackground);
 	}
 }
 
-.sapMMsgStripMessage>.sapMLnk {
+.sapMMsgStripMessage > .sapMLnk {
 	padding-right: 0.25rem;
 	padding-left: 0.25rem;
 }

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

@@ -6,16 +6,20 @@
 @_sap_m_MessageView_DescIcon_Width: 1rem;
 
 .sapMMsgView {
+
 	.sapMMsgViewDetailsPage section {
 		padding: 1rem;
 	}
+
 	.sapMMsgViewItem {
 		padding-left: 0;
+
 		&.sapMSLIWithDescription {
 			padding-top: 0.5rem;
 			padding-bottom: 0.5rem;
 		}
 	}
+
 	.sapMLIBActive .sapMLIBImgNav {
 		background: none;
 	}
@@ -26,38 +30,38 @@
 	}
 
 	.sapMSLITitle {
-		font-size: @sapMFontHeader6Size;
+		font-size: var(--sapFontHeader6Size);
 	}
 
 	.sapMSLIDescription {
-		color: @sapUiContentLabelColor;
+		color: var(--sapContent_LabelColor);
 	}
 
 	.sapMMsgViewDescriptionText {
 		padding-bottom:0;
 		margin: 0 0 1rem 2.5rem;
 		line-height: 1.4;
-		font-family: @sapUiFontFamily;
-		color: @sapUiBaseText;
+		font-family: var(--sapFontFamily);
+		color: var(--sapTextColor);
 	}
 
 	.sapMMsgViewTitleText {
 		margin: 0 0 1rem 2.5rem;
-		font-family: @sapUiFontHeaderFamily;
+		font-family: var(--sapFontHeaderFamily);
 		font-size: @sapUiFontHeader5Size;
 		font-weight: @sapUiFontHeaderWeight;
 	}
 
 	.sapMMsgViewTitleText:not(.sapMLnk) {
-		color: @sapUiGroupTitleTextColor;
+		color: var(--sapGroup_TitleTextColor);
 	}
 
 	.sapMMsgViewDescriptionLink {
 		margin: 0 0 1rem 2.5rem;
-		font-family: @sapUiFontFamily;
+		font-family: var(--sapFontFamily);
 		font-size: @sapMFontMediumSize;
 		font-weight: normal;
-		color: @sapUiLink;
+		color: var(--sapLinkColor);
 	}
 
 	.sapMSLIWithDescription > .sapMLIBContent > .sapMSLIDiv > .sapMSLIDescription {
@@ -71,7 +75,7 @@
 }
 
 .sapMMsgView .sapMIBar.sapMHeader-CTX {
-	background-color: @sapUiGroupContentBackground;
+	background-color: var(--sapGroup_ContentBackground);
 	padding-left: 1rem;
 }
 
@@ -97,6 +101,7 @@
 
 /* Compact size */
 .sapUiSizeCompact .sapMMsgView {
+
 	.sapMMsgViewDescIcon {
 		line-height: 1rem;
 	}

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

@@ -13,7 +13,7 @@
 
 .sapMMultiComboBoxPicker .sapMMultiComboBoxSelectAll.sapMTB.sapMIBar.sapMMultiComboBoxSelectAllFocused,
 .sapMMultiComboBoxPicker .sapMValueStateHeaderRoot.sapMFocusable:focus {
-	outline: @sapContent_FocusWidth @sapContent_FocusStyle @sapContent_FocusColor;
+	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 	outline-offset: -0.25rem;
 }
 
@@ -23,6 +23,7 @@
 
 .sapUiSizeCondensed .sapUiTableDataCell .sapMMultiComboBox .sapMTokenizer {
 	padding-top: 0px;
+
 	.sapMToken {
 		margin-top: 0.0625rem;
 		margin-bottom: 0.0625rem;
@@ -30,7 +31,9 @@
 }
 
 .sapUiSizeCompact {
+
 	.sapMMultiComboBox.sapMMultiComboBoxHasToken .sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {
+
 		.sapMToken {
 			margin-top: 0.125rem;
 			margin-bottom: 0.125rem;

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

@@ -12,42 +12,53 @@
 }
 
 .sapMTileCnt.News {
+
 	.sapMNwC {
+
 		.sapMNwCSbh {
-			color: @sapTile_OverlayForegroundColor;
+			color: var(--sapTile_OverlayForegroundColor);
 			line-height: normal;
-			font-size: @sapFontSize;
+			font-size: var(--sapFontSize);
 		}
-		.sapMNwCCTxt .sapMText, .sapMNwCCTxt .sapMFT {
-			font-size: @sapFontSize;
+
+		.sapMNwCCTxt .sapMText,
+		.sapMNwCCTxt .sapMFT {
+			font-size: var(--sapFontSize);
 			line-height: normal;
 			font-weight: bold;
-			color: @sapTile_OverlayForegroundColor;
+			color: var(--sapTile_OverlayForegroundColor);
 		}
 	}
 }
 
-.Stretch{
-	.sapMTileCnt.News .sapMNwC{
+.Stretch {
+
+	.sapMTileCnt.News .sapMNwC {
+
 		.sapMNwCCTxt .sapMText {
-			font-size: @sapMFontLargeSize;
+			font-size: var(--sapFontLargeSize);
 			color: @sapUiText;
 		}
+
 		.sapMNwCCTxt .sapMFT {
 			font-size: 0.938rem;
 			color: @sapUiText;
 		}
+
 		.sapMNwCSbh{
 			color: @sapUiText;
 		}
 	}
 }
 
-.sapMTileSmallPhone{
-	.sapMTileCnt.News{
-		.sapMTileCntContent{
+.sapMTileSmallPhone {
+
+	.sapMTileCnt.News {
+
+		.sapMTileCntContent {
 			height: 3.25rem;
-			.sapMFT{
+
+			.sapMFT {
 				font-size: 0.75rem;
 			}
 		}

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

@@ -7,14 +7,15 @@
 .sapMOHC.sapMOHBgTranslucent,
 .sapMOH.sapMOHBgSolid,
 .sapMOHC.sapMOHBgSolid {
-	background-color: @sapUiObjectHeaderBackground;
+	background-color: var(--sapObjectHeader_Background);
 }
 
 .sapMOHC.sapMOHBgTranslucent,
 .sapMOHC.sapMOHBgSolid {
-	border-bottom: 0.0625rem solid @sapUiObjectHeaderBorderColor;
+	border-bottom: 0.0625rem solid var(--sapObjectHeader_BorderColor);
 	box-shadow: none;
 }
+
 .sapMOH.sapMOHBgTransparent,
 .sapMOHC.sapMOHBgTransparent {
 	background: transparent;
@@ -41,13 +42,13 @@ a.sapMOHTitle.sapMOHTitleActive:hover > h1 .sapMText {
 .sapMOHTitle.sapMOHTitleActive:focus > h6 span,
 .sapMOHIcon.sapMPointer .sapUiIcon.sapUiIconPointer:focus,
 .sapMOHTitleArrow .sapUiIcon:focus {
-	outline: 1px dotted @sapUiContentFocusColor;
+	outline: 1px dotted var(--sapContent_FocusColor);
 	outline-offset: -1px;
 }
 
-/*** styles for responsive object header ***/
+/* styles for responsive object header */
 .sapMOHRTitle h1 {
-	font-size: @sapMFontHeader3Size;
+	font-size: var(--sapFontHeader3Size);
 }
 
 .sapMOHR:not(.sapMOHRNoBorder) {
@@ -56,7 +57,7 @@ a.sapMOHTitle.sapMOHTitleActive:hover > h1 .sapMText {
 
 .sapMOHR.sapMOHRBgSolid,
 .sapMOHR.sapMOHRBgTranslucent {
-	background: @sapUiObjectHeaderBackground;
+	background: var(--sapObjectHeader_Background);
 }
 
 .sapMOHR.sapMOHRBgTransparent {
@@ -64,18 +65,19 @@ a.sapMOHTitle.sapMOHTitleActive:hover > h1 .sapMText {
 }
 
 .sapMOHRTitleArrow .sapUiIcon:focus {
-	outline: 1px dotted @sapUiContentFocusColor;
+	outline: 1px dotted var(--sapContent_FocusColor);
 	outline-offset: -1px;
 }
 
 .sapMOHRIcon.sapMPointer .sapUiIcon.sapUiIconPointer:focus {
-	&:before {
-		outline: 1px dotted @sapUiContentFocusColor;
+
+	&::before {
+		outline: 1px dotted var(--sapContent_FocusColor);
 	}
 }
 
 .sapMOHRTitleActive .sapMOHRTitleText:focus {
-	outline: 1px dotted @sapUiContentFocusColor;
+	outline: 1px dotted var(--sapContent_FocusColor);
 	outline-offset: -1px;
 }
 
@@ -85,22 +87,23 @@ a.sapMOHTitle.sapMOHTitleActive:hover > h1 .sapMText {
 .sapMOHTitle h3 .sapMText,
 .sapMOHTitle h2 .sapMText,
 .sapMOHTitle h1 .sapMText {
-	font-family: @sapUiObjectHeaderTitleFontFamily;
-	font-size: @sapUiObjectHeaderTitleFontSize;
-	color: @sapUiObjectHeaderTitleTextColor;
+	font-family: var(--sapObjectHeader_Title_FontFamily);
+	font-size: var(--sapObjectHeader_Title_FontSize);
+	color: var(--sapObjectHeader_Title_TextColor);
 }
 
 html.sap-phone {
+
 	.sapMOHTitle h6 .sapMText,
 	.sapMOHTitle h5 .sapMText,
 	.sapMOHTitle h4 .sapMText,
 	.sapMOHTitle h3 .sapMText,
 	.sapMOHTitle h2 .sapMText,
 	.sapMOHTitle h1 .sapMText {
-		font-size: @sapUiObjectHeaderTitleSnappedFontSize;
+		font-size: var(--sapObjectHeader_Title_SnappedFontSize);
 	}
 }
 
 .sapMOHIntro .sapMText {
-	color: @sapUiObjectHeaderSubtitleTextColor;
+	color: var(--sapObjectHeader_Subtitle_TextColor);
 }