@openui5/themelib_sap_horizon 1.120.7 → 1.121.0

package/src/sap/f/themes/sap_horizon_dark/ShellBar.less

@@ -7,10 +7,15 @@
 
 .alwaysDarkModeOverrideByParent(~"sapFShellBar");
 
-.sapFShellBarSizeLargeDesktop {
+.sapFShellBarSizeLargeDesktop,
+.sapFShellBarSizeExtraLargeDesktop {
 	padding: 0 3rem;
 }
 
+.sapFShellBar .sapFShellBarSearchIsOpen .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelButton) {
+	right: 2.75rem;
+}
+
 .sapFShellBarSizeDesktop {
 	padding: 0 2rem;
 }
@@ -56,6 +61,7 @@
 		&:focus {
 			outline: @sapUiContentFocusWidth solid @sapUiContentFocusColor;
 			border-radius: 0.375rem;
+			background-color: @sapUiShellActiveBackground;
 			color: @sapUiShellActiveTextColor;
 			&:after {
 				box-shadow: @sapUiContentSelectedShadow;
@@ -101,17 +107,20 @@
 			color: @sapUiShellTextColor;
 		}
 
+		.sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) bdi,
+		&.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnTransparent:not(.sapMBtnActive)::after {
+			color:  @sapUiShellTextColor;
+		}
+
 		.sapMBtn:hover > .sapMBtnHoverable:not(.sapMBtnActive) {
 			background: @sapUiShellHoverBackground;
 			box-shadow: @sapUiContentInteractionShadow;
 			border-color: @sapUiButtonLiteBorderColor;
-			color: @sapUiShellActiveTextColor;
 		}
 
 		.sapMBtn:hover > .sapMBtnHoverable.sapMBtnActive {
 			background: @sapUiShellHoverBackground;
 			color: @sapUiShellActiveTextColor;
-			border-color: @sapUiButtonLiteActiveBorderColor;
 		}
 
 		.sapMBtnInner,
@@ -129,12 +138,18 @@
 	// Home Icon
 	.sapFShellBarHomeIcon {
 		max-height: 2rem;
+		padding: 0.25rem;
+		overflow-clip-margin: border-box;
 
 		&:hover {
 			background: @sapUiShellHoverBackground;
 			box-shadow: @sapUiContentInteractionShadow;
 			border-radius: 0.5rem;
 		}
+
+		&:focus {
+			outline-offset: -0.125rem;
+		}
 	}
 
 	//Second Title
@@ -158,10 +173,13 @@
 			height: 1.75rem;
 			line-height: 1.75rem;
 			padding: 0;
-			margin-top: 0.25rem;
+			margin-top: auto;
+			margin-bottom: auto;
 			margin-left: 0.25rem;
 			position: absolute;
 			right: 0;
+			top: 0;
+			bottom: 0;
 			.sapMBtnInner {
 				min-width: 1.75rem;
 				border-radius: 1.125rem;
@@ -202,7 +220,9 @@
 	.sapFShellBarSearchWrap {
 		position: relative;
 		.sapMSFF {
-			background: @sapUiShellInteractiveBackground;
+			background: @sapUiFieldBackgroundStyle;
+			background-color: @sapUiShellInteractiveBackground;
+			box-shadow: @sapUiFieldShadow;
 			border: none;
 			color: @sapUiShellInteractiveTextColor;
 			border-radius: 1.125rem;
@@ -249,7 +269,7 @@
 
 		.sapMSF:not(.sapMSFDisabled):hover .sapMSFF {
 			background-color: @sapUiShellHoverBackground;
-			box-shadow: @sapUiContentInteractionShadow;
+			box-shadow: @sapUiFieldHoverShadow;
 		}
 
 		.sapMSFI {
@@ -257,8 +277,8 @@
 			font-weight: italic;
 		}
 
-		// Reflection: styles overwritten
 		// sap.m.Button
+		// Reflection: styles overwritten
 		.sapMBtn:not(.sapFShellBarSearchCancelButton) {
 			height: 2.25rem;
 			line-height: 2.25rem;
@@ -295,6 +315,10 @@ html.sap-desktop .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelB
 	border-radius: 1.125rem;
 }
 
+html.sap-desktop .sapMOverflowToolbarMenu-CTX .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelButton):focus > .sapMFocusable:not(.sapMBadgeIndicator):before {
+	border-radius: 0.375rem;
+}
+
 // Resets of sizes for "Compact" mode - controls should remain in cozy mode
 .alwaysCozyOverrideByParent(@controlClass) {
 	.sapUiSizeCompact {
@@ -311,6 +335,8 @@ html.sap-desktop .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelB
 			.sapFSHMegaMenu {
 				height: 2.75rem;
 			}
+
+			// Reflection: styles overwritten
 			// sap.m.Button
 			.sapMBtn {
 				height: 2.75rem;
@@ -353,15 +379,12 @@ html.sap-desktop .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelB
 				margin-left: 0.2rem;
 			}
 
-			.sapMBtn:not(.sapMBtnDisabled):hover > .sapMBtnInner{
-				border-color: transparent !important;
-		 	}
-
 		  	html.sap-desktop & .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed, .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnDisabled) {
 				background-color: @sapUiShellActiveBackground;
 			}
 
 			// sap.m.MenuButton
+			// Reflection: styles overwritten
 			.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner::after {
 				height: 38px; //ie does not accept rem for height in pseudo elements, but it works with px when you zoom
 				line-height: 2.2rem;
@@ -378,6 +401,7 @@ html.sap-desktop .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelB
 				padding-right: 0.75rem;
 			}
 
+			// Reflection: styles overwritten
 			// sap.m.SearchField
 			.sapFShellBarSearch {
 				max-width: 35rem;
@@ -385,15 +409,17 @@ html.sap-desktop .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelB
 					max-width: 35rem;
 				}
 
-				// Reflection: styles overwritten
 				.sapMBtn:not(.sapFShellBarSearchCancelButton) {
 					width: 1.75rem;
 					height: 1.75rem;
 					line-height: 1.75rem;
 					padding: 0;
-					margin-top: 0.25rem;
+					margin-top: auto;
+					margin-bottom: auto;
 					margin-left: 0.25rem;
 					position: absolute;
+					top: 0;
+					bottom: 0;
 					.sapMBtnInner {
 						min-width: 1.75rem;
 						border-radius: 1.125rem;
@@ -420,7 +446,6 @@ html.sap-desktop .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelB
 
 			.sapFShellBarSearchWrap {
 				// sap.m.Button
-
 				// Reflection: styles overwritten
 				.sapMBtn:not(.sapFShellBarSearchCancelButton) {
 					height: 2.25rem;
@@ -531,14 +556,13 @@ html.sap-desktop .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelB
 				>span.sapMBtnInner.sapMBtnHoverable:not(.sapMToggleBtnPressed) {
 					&:not(.sapMBtnActive) {
 						background: @sapUiShellHoverBackground;
-						box-shadow: @sapUiContentInteractionShadow;
-						border-color: @sapUiButtonLiteBorderColor;
 					}
 					&.sapMBtnActive,
 					&.sapMBtnActive .sapMBtnContent,
 					&.sapMBtnActive .sapMBtnContent bdi {
 						background: @sapUiShellActiveBackground;
 						color: @sapUiShellActiveTextColor;
+						border: 1px solid @sapUiButtonLiteActiveBorderColor;
 					}
 					&.sapMBtnActive:after,
 					&.sapMBtnActive >.sapMBtnIcon {
@@ -555,6 +579,12 @@ html.sap-desktop .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelB
 					}
 
 				}
+				&.sapFShellBarSearchCancelButton:hover:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnHoverable:not(.sapMToggleBtnPressed) {
+					&.sapMBtnActive .sapMBtnContent,
+					&.sapMBtnActive .sapMBtnContent bdi {
+						border: none;
+					}
+				}
 				&.sapMToggleBtnPressed {
 					background: @sapUiShellActiveBackground;
 					border-color: @sapUiShellActiveBackground;

package/src/sap/f/themes/sap_horizon_hcb/Card.less

@@ -5,9 +5,9 @@
 
 @_sap_f_Card_BoxShadow: none;
 @_sap_f_Card_HeaderFocusBorderBottomOffset: 2px;
-@_sap_f_Card_Badge_Background: @sapHighlightColor;
-@_sap_f_Card_Badge_Border: 0.0625rem solid @sapContent_ForegroundBorderColor;
-@_sap_f_Card_Badge_Background: @sapHighlightColor;
+@_sap_f_Card_Badge_Background: @sapUiHighlight;
+@_sap_f_Card_Badge_Border: 0.0625rem solid @sapUiContentForegroundBorderColor;
+@_sap_f_Card_Badge_Background: @sapUiHighlight;
 
 .sapFCard .sapFCardHeader.sapFCardSectionClickable {
 	&:hover {

package/src/sap/f/themes/sap_horizon_hcb/CardLoading.less

@@ -3,5 +3,5 @@
 /* Horizon High Contrast Black theme  */
 /* ================================== */
 
-@sap_f_Card_Background_Placeholder_Color: @sapHC_ReducedForeground;
-@sap_f_Card_Placeholder_Gradient: linear-gradient(to right, @sapHC_ReducedForeground 0%, @sapHC_ReducedForeground 35%, @sapHC_ReducedAltForeground 50%, @sapHC_ReducedForeground 65%, @sapHC_ReducedForeground 100%);
+@_sap_f_Card_Background_Placeholder_Color: @sapUiHcReducedForeground;
+@_sap_f_Card_Placeholder_Gradient: linear-gradient(to right, @sapUiHcReducedForeground 0%, @sapUiHcReducedForeground 35%, @sapUiHcReducedAltForeground 50%, @sapUiHcReducedForeground 65%, @sapUiHcReducedForeground 100%);

package/src/sap/f/themes/sap_horizon_hcb/DynamicPageTitle.less

@@ -56,6 +56,11 @@ html.sap-desktop .sapFDynamicPageTitle.sapFDynamicPageTitleFocus {
 	padding: 0;
 }
 
+// General alignment styles for header text
+.sapFDynamicPageTitleMain > .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading {
+	align-self: center;
+}
+
 .sapFDynamicPageTitleMainNavigationArea > .sapMTBSeparator {
 	margin: 0 0.5rem;
 }
@@ -111,4 +116,10 @@ html[data-sap-ui-browser^="ff"].sap-desktop {
 			box-shadow: none;
 		}
 	}
+}
+
+.sapUiSizeCompact {
+	.sapFDynamicPageTitle .sapMTB {
+		height: 2.75rem;
+	}
 }

package/src/sap/f/themes/sap_horizon_hcb/ShellBar.less

@@ -35,10 +35,15 @@ html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed{
 	background-color: @sapUiButtonAttentionActiveBackground;
 }
 
-.sapFShellBarSizeLargeDesktop {
+.sapFShellBarSizeLargeDesktop,
+.sapFShellBarSizeExtraLargeDesktop {
 	padding: 0 3rem;
 }
 
+.sapFShellBarSizeExtraLargeDesktop.sapFShellBar .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelButton) {
+	right: 0;
+}
+
 .sapFShellBarSizeDesktop {
 	padding: 0 2rem;
 }
@@ -109,6 +114,10 @@ html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed{
 		background-color: none;
 	}
 
+	.sapFShellBarProfile:hover::before {
+		content: none;
+	}
+
 	// Mega Menu
 	.sapFSHMegaMenu {
 		color: @sapUiShellTextColor;
@@ -142,6 +151,8 @@ html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed{
 	// Home Icon
 	.sapFShellBarHomeIcon {
 		max-height: 2rem;
+		padding: 0.25rem;
+		overflow-clip-margin: border-box;
 
 		&:hover {
 			background: @sapUiShellHoverBackground;
@@ -197,6 +208,10 @@ html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed{
 	.sapFShellBarSearch.sapFShellBarSearchFullWidth .sapFShellBarSearchWrap {
 		max-width: 35rem;
 		padding: 0;
+
+		.sapMSF {
+			max-width: 100%;
+		}
 	}
 
 	.sapFShellBarSearch.sapFShellBarSearchFullWidth .sapFShellBarSearchWrap .sapMSF.sapMSFVal form.sapMSFNS:not(.sapMSFReload) {

package/src/sap/f/themes/sap_horizon_hcw/Card.less

@@ -5,9 +5,9 @@
 
 @_sap_f_Card_BoxShadow: none;
 @_sap_f_Card_HeaderFocusBorderBottomOffset: 2px;
-@_sap_f_Card_Badge_Background: @sapHighlightColor;
-@_sap_f_Card_Badge_Border: 0.0625rem solid @sapContent_ForegroundBorderColor;
-@_sap_f_Card_Badge_Background: @sapHighlightColor;
+@_sap_f_Card_Badge_Background: @sapUiHighlight;
+@_sap_f_Card_Badge_Border: 0.0625rem solid @sapUiContentForegroundBorderColor;
+@_sap_f_Card_Badge_Background: @sapUiHighlight;
 
 .sapFCard .sapFCardHeader.sapFCardSectionClickable {
 	&:hover {

package/src/sap/f/themes/sap_horizon_hcw/CardLoading.less

@@ -3,5 +3,5 @@
 /* Horizon High Contrast White theme  */
 /* ================================== */
 
-@sap_f_Card_Background_Placeholder_Color: @sapHC_ReducedForeground;
-@sap_f_Card_Placeholder_Gradient: linear-gradient(to right, @sapHC_ReducedForeground 0%, @sapHC_ReducedForeground 35%, @sapHC_ReducedAltForeground 50%, @sapHC_ReducedForeground 65%, @sapHC_ReducedForeground 100%);
+@_sap_f_Card_Background_Placeholder_Color: @sapUiHcReducedForeground;
+@_sap_f_Card_Placeholder_Gradient: linear-gradient(to right, @sapUiHcReducedForeground 0%, @sapUiHcReducedForeground 35%, @sapUiHcReducedAltForeground 50%, @sapUiHcReducedForeground 65%, @sapUiHcReducedForeground 100%);

package/src/sap/f/themes/sap_horizon_hcw/DynamicPageTitle.less

@@ -56,6 +56,11 @@ html.sap-desktop .sapFDynamicPageTitle.sapFDynamicPageTitleFocus {
 	padding: 0;
 }
 
+// General alignment styles for header text
+.sapFDynamicPageTitleMain > .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading {
+	align-self: center;
+}
+
 .sapFDynamicPageTitleMainNavigationArea > .sapMTBSeparator {
 	margin: 0 0.5rem;
 }
@@ -111,4 +116,10 @@ html[data-sap-ui-browser^="ff"].sap-desktop {
 			box-shadow: none;
 		}
 	}
+}
+
+.sapUiSizeCompact {
+	.sapFDynamicPageTitle .sapMTB {
+		height: 2.75rem;
+	}
 }

package/src/sap/f/themes/sap_horizon_hcw/ShellBar.less

@@ -35,10 +35,15 @@ html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed{
 	background-color: @sapUiButtonAttentionActiveBackground;
 }
 
-.sapFShellBarSizeLargeDesktop {
+.sapFShellBarSizeLargeDesktop,
+.sapFShellBarSizeExtraLargeDesktop {
 	padding: 0 3rem;
 }
 
+.sapFShellBarSizeExtraLargeDesktop.sapFShellBar .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelButton) {
+	right: 0;
+}
+
 .sapFShellBarSizeDesktop {
 	padding: 0 2rem;
 }
@@ -109,6 +114,10 @@ html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed{
 		background-color: none;
 	}
 
+	.sapFShellBarProfile:hover::before {
+		content: none;
+	}
+
 	// Mega Menu
 	.sapFSHMegaMenu {
 		color: @sapUiShellTextColor;
@@ -142,6 +151,8 @@ html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed{
 	// Home Icon
 	.sapFShellBarHomeIcon {
 		max-height: 2rem;
+		padding: 0.25rem;
+		overflow-clip-margin: border-box;
 
 		&:hover {
 			background: @sapUiShellHoverBackground;
@@ -197,6 +208,10 @@ html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed{
 	.sapFShellBarSearch.sapFShellBarSearchFullWidth .sapFShellBarSearchWrap {
 		max-width: 35rem;
 		padding: 0;
+
+		.sapMSF {
+			max-width: 100%;
+		}
 	}
 
 	.sapFShellBarSearch.sapFShellBarSearchFullWidth .sapFShellBarSearchWrap .sapMSF.sapMSFVal form.sapMSFNS:not(.sapMSFReload) {

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

@@ -0,0 +1,8 @@
+/* ================================== */
+/* CSS for control sap.m/GenericTile  */
+/* Horizon theme                      */
+/* ================================== */
+
+.sapMAT.sapMATSituationCard{
+    border-radius: 1.25rem;
+}

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

@@ -7,55 +7,91 @@
 	.sapMBreadcrumbsCurrentLocation {
 		&:focus {
 			outline: none;
-			box-shadow: 0px 0px 0px 0.125rem @sapUiContentFocusColor;
+			box-shadow: 0 0 0 0.125rem @sapUiContentFocusColor;
 			border-radius: 0.25rem;
 		}
 	}
-	.sapMSltPressed:not(.sapMSltDisabled):not(.sapMSltState), .sapMSlt.sapMSltFocused:not(.sapMSltDisabled):not(.sapMSltState) {
+
+	.sapMSltPressed:not(.sapMSltDisabled):not(.sapMSltState),
+	.sapMSlt.sapMSltFocused:not(.sapMSltDisabled):not(.sapMSltState) {
 		outline-offset: 0;
 	}
 
-	.sapMSltIcon:before,
-	.sapMSltIcon:after {
-		font-size: @sapMFontMediumSize;
-		color: @sapUiLink;
-		padding-bottom: 0.0625rem;
-		speak: none;
-	}
+	.sapMBreadcrumbsItem.sapMBreadcrumbsSelectItem {
+		&>.sapMSlt.sapMSltWithIcon.sapMSltIconOnly.sapMSltWithArrow.sapMSltHoverable {
+			box-shadow: none;
 
-	.sapMSltIcon:before {
-		font-family: @sapUiFontLightFamily;
-		content: "••• ";
-		vertical-align: text-top;
-	}
+			// Default styles
+			.sapMSltIcon {
+				display: flex;
+				align-items: center;
+				gap: 0.2rem;
 
-	.sapMSltIcon:after {
-		font-family: @sapUiContentIconFontFamily;
-		content: "\e1ef";
-		vertical-align: text-bottom;
-	}
+				&::before,
+				&::after {
+					border-bottom: none;
+				}
 
-	.sapMBreadcrumbsItem.sapMBreadcrumbsSelectItem >
-	.sapMSlt.sapMSltIconOnly.sapMSltWithIcon.sapMSltHoverable.sapMSltWithArrow {
-		background: transparent;
-		border: none;
+				&::before {
+					content: "••• ";
+					font-family: @sapUiFontLightFamily;
+				}
 
-		&.sapMSltFocused,
-		&:hover {
-			.sapMSltIcon {
-				background-color: @sapUiContentFocusColor;
-				text-decoration: underline;
-				color: @sapUiContentContrastTextColor;
+				&::after {
+					content: "\e1ef";
+					font-family: @sapUiContentIconFontFamily;
+					font-size: @sapMFontMediumSize;
+					color: @sapUiLink;
+					speak: none;
+				}
 			}
 
-			.sapMSltIcon:before {
-				border-bottom: none;
+			// Custom underline element
+			// In order to prevent issues with centering the content
+			&::after {
+				content: '';
+				display: block;
+				position: relative;
+				width: 90%;
+				height: 0.0625rem;
+				margin: -0.12rem auto 0 0.15rem;
+				background-color: transparent;
+			}
+
+			// States
+			&:hover,
+			&.sapMSltFocused {
+				background-color: @sapUiContentFocusColor;
+
+				&::after {
+					background-color: @sapUiContentContrastFocusColor;
+				}
+
+				.sapMSltIcon::before,
+				.sapMSltIcon::after {
+					color: @sapUiContentContrastFocusColor;
+					border-bottom: none;
+				}
+
+				&:active {
+					background-color: transparent;
+
+					&::after {
+						background-color: transparent;
+					}
+
+					.sapMSltIcon::before,
+					.sapMSltIcon::after {
+						color: @sapUiLink;
+					}
+				}
 			}
 
-			.sapMSltIcon:before,
-			.sapMSltIcon:after {
-				color: @sapUiWhite;
+			&:hover.sapMSltFocused:not(:active) {
+				&::after {
+					background-color: @sapUiContentFocusColor;
+				}
 			}
 		}
 	}
-}
+}

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

@@ -10,20 +10,7 @@
 }
 
 .sapMBtnEmphasized {
-	font-weight: @sapUiButtonEmphasizedFontWeight;
-}
-
-.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive),
-span.sapMBtnInner.sapMBtnEmphasized {
-	text-shadow: none;
-}
-
-.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive) {
-	color: @sapUiButtonEmphasizedHoverTextColor;
-	font-weight: @sapUiButtonEmphasizedFontWeight;
-	.sapMBtnIcon {
-		color: @sapUiButtonEmphasizedHoverTextColor;
-	}
+	font-family: @sapUiFontBoldFamily;
 }
 
 .sapMIBar-CTX .sapMBarLeft .sapMBtn:hover {
@@ -43,12 +30,6 @@ span.sapMBtnInner.sapMBtnEmphasized {
 	position: relative;
 	border-radius: @sapUiButtonBorderCornerRadius;
 	text-shadow: none;
-	&.sapMBtnCritical,
-	&.sapMBtnNegative,
-	&.sapMBtnSuccess,
-	&.sapMBtnNeutral {
-		font-weight: bold;
-	}
 }
 
 /* ------------------- */

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

@@ -20,8 +20,8 @@
 @_sap_m_Carousel_PageIndicatorWidthSizeL: @_sap_m_Carousel_PageIndicatorWidthSizeS;
 @_sap_m_Carousel_PageIndicatorWidthSizeXL: @_sap_m_Carousel_PageIndicatorWidthSizeS;
 @_sap_m_Carousel_PageIndicatorContainerPadding: 0.5rem;
-@_sap_m_Carousel_ContentArrowBoxShadow: @sapContent_Shadow1;
-@_sap_m_Carousel_BulletInactiveBackground: @sapContent_ForegroundBorderColor;
-@_sap_m_Carousel_BulletInactiveBorderColor: @sapContent_ForegroundBorderColor;
-@_sap_m_Carousel_BulletActiveBackground: @sapContent_Selected_ForegroundColor;
-@_sap_m_Carousel_BulletActiveBorder: @sapContent_Selected_ForegroundColor;
+@_sap_m_Carousel_ContentArrowBoxShadow: @sapUiContentShadow1;
+@_sap_m_Carousel_BulletInactiveBackground: @sapUiContentForegroundBorderColor;
+@_sap_m_Carousel_BulletInactiveBorderColor: @sapUiContentForegroundBorderColor;
+@_sap_m_Carousel_BulletActiveBackground: @sapUiContentSelectedForegroundColor;
+@_sap_m_Carousel_BulletActiveBorder: @sapUiContentSelectedForegroundColor;