@openui5/themelib_sap_horizon 1.143.1 → 1.144.0

package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less

@@ -9,16 +9,17 @@
 @_sap_tnt_ToolHeader_Padding: 0 0.75rem;
 @_sap_tnt_ToolHeader_ArrowMarginBottom: 0.25rem;
 @_sap_tnt_ToolHeader_IconTabHeader_Height: auto;
-@_sap_tnt_ToolHeader_DisabledOpacity: @sapUiContentDisabledOpacity;
-@_sap_tnt_ToolHeader_SF_Border: 0.0625rem solid @sapUiShellBorderColor;
+@_sap_tnt_ToolHeader_DisabledOpacity: var(--sapContent_DisabledOpacity);
+@_sap_tnt_ToolHeader_SF_Border: 0.0625rem solid var(--sapShell_BorderColor);
 
-// ==========================================================================
-// sap.m.Toolbar overriding
-// ==========================================================================
+/* ========================================================================== */
+/* sap.m.Toolbar overriding                                                   */
+/* ========================================================================== */
 
 .sapTntToolHeader {
+
 	&.sapMTB:not(.sapUshellShellToolHeader) {
-		background-color: @sapUiShellColor;
+		background-color: var(--sapShellColor);
 		padding: 0 1.25rem 0 0.75rem;
 	}
 
@@ -32,18 +33,20 @@
 	}
 }
 
-// Styling for the cases when we have Header and SubHeader
+/* Styling for the cases when we have Header and SubHeader */
 .sapTntToolPageHeaderWithSubHeaderWrapper .sapTntToolPageHeader:first-of-type .sapTntToolHeader {
 	border-bottom: none;
 	box-shadow: none;
 }
 
-// ==========================================================================
-// sap.m.Button overriding
-// ==========================================================================
+/* ========================================================================== */
+/* sap.m.Button overriding                                                    */
+/* ========================================================================== */
 
 .sapTntToolHeader {
+
 	.sapMBarChild:not(.sapMMenuBtn) {
+
 		&.sapMBtn {
 			padding: 0.125rem 0;
 			min-width: 2.5rem;
@@ -51,64 +54,76 @@
 			.sapMBtnInner:not(.sapMBtnEmphasized)::after,
             .sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnIcon {
 				background: transparent;
-				color: @sapUiShellInteractiveTextColor;
+				color: var(--sapShell_InteractiveTextColor);
 			}
+
 			.sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnContent {
 				background: transparent;
-				color: @sapUiShellTextColor;
+				color: var(--sapShell_TextColor);
 			}
 
 			&:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnActive {
-				background: @sapUiShellActiveBackground;
-				border-color: @sapUiShellActiveBackground;
+				background: var(--sapShell_Active_Background);
+				border-color: var(--sapShell_Active_Background);
 			}
+
 			.sapMToggleBtnPressed:not(.sapMBtnDisabled) {
-				background-color: @sapUiShellHoverBackground;
+				background-color: var(--sapShell_Hover_Background);
+
 				.sapMBtnIcon {
-					color: @sapUiShellActiveTextColor;
+					color: var(--sapShell_Active_TextColor);
 				}
 			}
+
 			&:hover:not(.sapMBtnDisabled) {
+
 				.sapMToggleBtnPressed:not(.sapMBtnActive), .sapMToggleBtnPressed:not(.sapMBtnDisabled):hover  {
-					background-color: @sapUiShellHoverBackground;
+					background-color: var(--sapShell_Hover_Background);
+
 					.sapMBtnIcon {
-						color: @sapUiShellActiveTextColor;
+						color: var(--sapShell_Active_TextColor);
 					}
 				}
-				>span.sapMBtnInner.sapMBtnHoverable:not(.sapMToggleBtnPressed) {
+
+				> span.sapMBtnInner.sapMBtnHoverable:not(.sapMToggleBtnPressed) {
+
 					&:not(.sapMBtnActive) {
-						background: @sapUiShellHoverBackground;
-						border: 1px solid @sapUiButtonLiteHoverBorderColor;
+						background: var(--sapShell_Hover_Background);
+						border: 1px solid var(--sapButton_Lite_Hover_BorderColor);
 					}
+
 					&.sapMBtnActive {
-						background: @sapUiShellActiveBackground;
-						color: @sapUiShellActiveTextColor;
-						border: 1px solid @sapUiButtonLiteActiveBorderColor;
+						background: var(--sapShell_Active_Background);
+						color: var(--sapShell_Active_TextColor);
+						border: 1px solid var(--sapButton_Lite_Active_BorderColor);
 
 							.sapMBtnContent bdi {
-								color: @sapUiShellActiveTextColor;
+								color: var(--sapShell_Active_TextColor);
 							}
 					}
-					&.sapMBtnActive:after,
-					&.sapMBtnActive >.sapMBtnIcon {
-						color: @sapUiShellActiveTextColor;
+
+					&.sapMBtnActive::after,
+					&.sapMBtnActive > .sapMBtnIcon {
+						color: var(--sapShell_Active_TextColor);
 					}
-					&:after,
-					>.sapMBtnIcon {
-						color: @sapUiShellInteractiveTextColor;
+
+					&::after,
+					> .sapMBtnIcon {
+						color: var(--sapShell_InteractiveTextColor);
 					}
-					>.sapMBtnContent,
-					>.sapMBtnContent bdi
-					{
-						color: @sapUiShellTextColor;
+
+					> .sapMBtnContent,
+					> .sapMBtnContent bdi {
+						color: var(--sapShell_TextColor);
 					}
 				}
 
 				&:active {
-					>.sapMBtnContent,
-					>.sapMBtnInner,
-					>.sapMBtnIcon {
-						color: @sapUiShellTextColor;
+
+					> .sapMBtnContent,
+					> .sapMBtnInner,
+					> .sapMBtnIcon {
+						color: var(--sapShell_TextColor);
 					}
 				}
 			}
@@ -117,8 +132,11 @@
 }
 
 .sapUiSizeCompact {
+
 	.sapTntToolHeader {
+
 		.sapMBarChild:not(.sapMMenuBtn) {
+
 			&.sapMBtn {
 				padding: 0;
 				min-width: 2rem;
@@ -157,49 +175,53 @@
 	}
 }
 
-// ==========================================================================
-// sap.m.Text, sap.m.Title and sap.m.Label overriding
-// ==========================================================================
+/* ========================================================================== */
+/* sap.m.Text, sap.m.Title and sap.m.Label overriding                         */
+/* ========================================================================== */
 
 .sapTntToolHeader {
+
 	.sapMTitle {
 		text-shadow: none;
 		line-height: 1.625rem;
-		font-size: var(-sapFontHeader5Size);
+		font-size: var(--sapFontHeader5Size);
 		font-family: var(--sapFontSemiboldDuplexFamily);
 		color: var(--sapShell_SubBrand_TextColor);
 	}
 
 	.sapMText,
 	.sapMLabel {
-		line-height: @sapUiContentLineHeight;
-		color: @sapUiContentLabelColor;
+		line-height: var(--sapContent_LineHeight);
+		color: var(--sapContent_LabelColor);
 	}
 
 	&.sapMIBar.sapMTB .sapMBarChild.sapMText,
 	&.sapMIBar.sapMTB .sapMBarChild.sapMLabel {
-		margin-top: 2px; // to align the text/label with the title
+		margin-top: 0.125rem; /* to align the text/label with the title */
 		margin-left: 0.5rem;
 	}
 }
 
 .sapUiSizeCompact {
+
 	.sapTntToolHeader {
+
 		&.sapMIBar.sapMTB .sapMBarChild.sapMText,
 		&.sapMIBar.sapMTB .sapMBarChild.sapMLabel {
-			margin-top: 3px; // to align the text/label with the title
+			margin-top: 0.1875rem; /* to align the text/label with the title */
 		}
 	}
 }
 
-// ==========================================================================
-// sap.m.SearchField overriding
-// ==========================================================================
+/* ========================================================================== */
+/* sap.m.SearchField overriding                                               */
+/* ========================================================================== */
 
 .sapTntToolHeader {
+
 	.sapMSF {
 		height: 2.25rem;
-		padding-top: 0px;
+		padding-top: 0;
 
 		&:not(.sapMSFVal) .sapMSFS {
 			pointer-events: none;
@@ -214,7 +236,7 @@
 		border-radius: 1.125rem;
 		height: 2.25rem;
 		border: @_sap_tnt_ToolHeader_SF_Border;
-		background-color: @sapUiShellInteractiveBackground;
+		background-color: var(--sapShell_InteractiveBackground);
 	}
 
 	.sapMSFB {
@@ -239,7 +261,7 @@
 		border-radius: 0.75rem;
 		font-size: 0.75rem;
 		line-height: 1.25rem;
-		border: @sapUiButtonBorderWidth solid @sapUiButtonBorderColor;
+		border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);
 	}
 
 	.sapMSFS {
@@ -259,15 +281,15 @@
 	.sapMSFS:active::after,
 	.sapMSFS.sapMSFBA::after,
 	.sapMSFR:active::after {
-		background: @sapUiActive;
-		color: @sapUiContentIconColor;
+		background: var(--sapActiveColor);
+		color: var(--sapContent_IconColor);
 	}
 
 	.sapMSFS:hover::after,
 	.sapMSFR:hover::after {
-		background: @sapUiShellHoverBackground;
-		color: @sapUiContentIconColor;
-		border: 1px solid @sapUiButtonLiteHoverBorderColor;
+		background: var(--sapShell_Hover_Background);
+		color: var(--sapContent_IconColor);
+		border: 1px solid var(--sapButton_Lite_Hover_BorderColor);
 	}
 
 	.sapMSFB.sapMSFR:not(:last-child):hover {
@@ -283,7 +305,7 @@
 
 		.sapMSFS.sapMSFB::after {
 			border-color: transparent;
-			outline: @sapUiContentFocusWidth solid @sapUiContentFocusColor;
+			outline: var(--sapContent_FocusWidth) solid var(--sapContent_FocusColor);
 			outline-offset: -0.0625rem;
 		}
 	}
@@ -294,15 +316,18 @@ html.sap-desktop .sapTntToolHeader .sapMFocus > .sapMSFF::before {
 }
 
 html.sap-desktop .sapTntToolHeader .sapMSF:not(.sapMSFDisabled) {
+
 	&:not(.sapMFocus):hover .sapMSFF,
 	&.sapMFocus:not(.sapMSFVal) .sapMSFF {
-		outline: @sapUiContentFocusWidth solid @sapUiContentFocusColor;
+		outline: var(--sapContent_FocusWidth) solid var(--sapContent_FocusColor);
 		border-color: transparent;
 	}
 }
 
 .sapUiSizeCompact {
+
 	.sapTntToolHeader {
+
 		.sapMSF {
 			height: 2rem;
 		}
@@ -323,27 +348,30 @@ html.sap-desktop .sapTntToolHeader .sapMSF:not(.sapMSFDisabled) {
 	}
 }
 
-// ==========================================================================
-// sap.m.IconTabHeader overriding
-// ==========================================================================
+/* ========================================================================== */
+/* sap.m.IconTabHeader overriding                                             */
+/* ========================================================================== */
 
 .sapTntToolHeader {
+
 	.sapUshellShellTabBar .sapMITH,
 	.sapUshellShellTabBar.sapMITH {
 		box-shadow: none;
 	}
 }
 
-// ==========================================================================
-// sap.m.Image overriding
-// ==========================================================================
+/* ========================================================================== */
+/* sap.m.Image overriding                                                     */
+/* ========================================================================== */
 
 .sapTntToolHeader {
+
 	.sapMImg {
 		height: 1.625rem;
 	}
 
 	&.sapMIBar.sapMTB {
+
 		.sapMBarChild.sapMImg:first-child,
 		.sapMBarChild.sapMBtn + .sapMBarChild.sapMImg:first-of-type {
 			margin-left: 0.5rem;
@@ -351,18 +379,19 @@ html.sap-desktop .sapTntToolHeader .sapMSF:not(.sapMSFDisabled) {
 	}
 
 	.sapMImgFocusable:focus {
-		outline: @sapUiContentFocusStyle @sapUiContentFocusWidth @sapUiContentFocusColor;
+		outline: var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor);
 		outline-offset: 0.125rem;
 		border-radius: 0.25rem;
 	}
 }
 
-// ==========================================================================
-// sap.m.Avatar overriding
-// ==========================================================================
+/* ========================================================================== */
+/* sap.m.Avatar overriding                                                    */
+/* ========================================================================== */
 
 .sapTntToolHeader {
+
 	.sapFAvatarImage.sapFAvatarFocusable:not(.sapMAvatarPressed):not(.sapMAvatarDisabled) {
-		border: 0.0625rem solid @sapUiShellInteractiveBorderColor;
+		border: 0.0625rem solid var(--sapShell_InteractiveBorderColor);
 	}
 }

package/src/sap/tnt/themes/sap_horizon_hcw/ToolPage.less

@@ -3,12 +3,9 @@
 /* Horizon High Contrast White theme  */
 /* ================================== */
 
-@_sap_tnt_ToolPage_Background: var(--sapBackgroundColor);
 @_sap_tnt_ToolPage_ContentBackgroundStandard: var(--sapBackgroundColor);
 @_sap_tnt_ToolPage_ContentBackgroundSolid: var(--sapBackgroundColor);
 @_sap_tnt_ToolPage_ContentBackgroundTransparent: transparent;
 @_sap_tnt_ToolPage_ContentBackgroundList: var(--sapGroup_ContentBackground);
-@_sap_tnt_ToolPage_AsideCollapsedPhoneTransform: calc(~"-100% - 0.25rem");
-@_sap_tnt_ToolPage_AsideCollapsedPhoneTransformRtl: calc(~"100% + 0.25rem");
-@_sap_tnt_ToolPage_AsidePhoneTop: -0.4375rem;
-@_sap_tnt_ToolPage_AsidePhoneWidth: 100%;
+@_sap_tnt_ToolPage_AsideCollapsedLayoutSTransform: calc(~"-100% - 0.25rem");
+@_sap_tnt_ToolPage_AsideCollapsedLayoutSTransformRtl: calc(~"100% + 0.25rem");

package/src/sap/tnt/themes/sap_horizon_hcw/library.source.less

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

package/src/sap/ui/codeeditor/themes/sap_horizon/library.source.less

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

package/src/sap/ui/codeeditor/themes/sap_horizon_dark/library.source.less

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

package/src/sap/ui/codeeditor/themes/sap_horizon_hcb/library.source.less

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

package/src/sap/ui/codeeditor/themes/sap_horizon_hcw/library.source.less

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

package/src/sap/ui/commons/themes/sap_horizon/AbsoluteLayout.less

@@ -1,9 +1,9 @@
 /* ============================================== */
 /* CSS for control sap.ui.commons/AbsoluteLayout  */
-/* Horizon theme                                  */
+/* Morning Horizon theme                          */
 /* ============================================== */
 
-.sapUiLayoutAbs{
-	font-family: @sapUiDesktopFontFamily;
+.sapUiLayoutAbs {
+	font-family: var(--sapFontFamily);
 	font-size: @sapUiDesktopFontSize;
 }

package/src/sap/ui/commons/themes/sap_horizon/Accordion.less

@@ -1,12 +1,12 @@
 /* ========================================  */
 /* CSS for control sap.ui.commons/Accordion  */
-/* Horizon theme                             */
+/* Morning Horizon theme                     */
 /* ========================================= */
 
-.sapUiAcd{
-  	font-family: @sapUiDesktopFontFamily;
-  	font-size: @sapUiDesktopFontSize;
-  	border: 1px solid lighten(@sapUiContentForegroundBorderColor, 25); // @sapUiLightestBorder = #ffffff
+.sapUiAcd {
+	font-family: var(--sapFontFamily);
+	font-size: @sapUiDesktopFontSize;
+	border: 1px solid lighten(@sapUiContentForegroundBorderColor, 25);
 	padding: 2px;
-	background-color: darken(@sapUiContentForegroundColor, 15); // @sapUiDarkBorder = #bfbfbf
+	background-color: darken(@sapUiContentForegroundColor, 15);
 }

package/src/sap/ui/commons/themes/sap_horizon/AccordionSection.less

@@ -1,79 +1,79 @@
 /* ================================================ */
 /* CSS for control sap.ui.commons/AccordionSection  */
-/* Horizon theme                                    */
+/* Morning Horizon theme                            */
 /* ================================================ */
 
 .sapUiAcdSection {
-  font-family: @sapUiDesktopFontFamily;
-  font-size: @sapUiDesktopFontSize;
+	font-family: var(--sapFontFamily);
+	font-size: @sapUiDesktopFontSize;
 }
 
 .sapUiAcdSectionHdr {
-  color: darken(@sapUiTextTitle, 6.5); // @sapUiExtraDarkText = #222222
-  background-color: @sapUiListSelectionBackgroundColor;
-  min-height: 27px;
-  font-size: @sapUiDesktopFontSize;
-  border-bottom: 2px solid @sapUiContentForegroundBorderColor; // @sapUiDarkBorder = #bfbfbf
+	color: darken(@sapUiTextTitle, 6.5);
+	background-color: var(--sapList_SelectionBackgroundColor);
+	min-height: 27px;
+	font-size: @sapUiDesktopFontSize;
+	border-bottom: 2px solid var(--sapContent_ForegroundBorderColor);
 }
 
 .sapUiAcdSectionColl .sapUiAcdSectionHdr {
-  background-color: lighten(@sapUiContentForegroundColor, 10); // @sapUiLightestBG = #ffffff
+	background-color: lighten(@sapUiContentForegroundColor, 10);
 }
 
 .sapUiAcdSectionHdr:hover {
-  color: @sapUiContentContrastTextColor;
-  background-color: @sapUiHighlight;
+	color: var(--sapContent_ContrastTextColor);
+	background-color: var(--sapHighlightColor);
 }
 
 .sapUiAcdSectionDis .sapUiAcdSectionHdr {
-  background-color: lighten(@sapUiContentForegroundColor, 10); // @sapUiLightestBG = #ffffff
-  color: darken(@sapUiTextTitle, 6.5); // @sapUiExtraDarkText = #222222
+	background-color: lighten(@sapUiContentForegroundColor, 10);
+	color: darken(@sapUiTextTitle, 6.5);
 }
 
 .sapUiAcdSectionCont {
-  border-top-width: 0;
-  padding: 6px;
-  border-bottom: 2px solid @sapUiContentForegroundBorderColor; // @sapUiDarkBorder = #bfbfbf
+	border-top-width: 0;
+	padding: 6px;
+	border-bottom: 2px solid var(--sapContent_ForegroundBorderColor);
 }
 
 .sapUiAcdSectionHdr > div > span {
-  margin-top: 5px;
+	margin-top: 5px;
 }
 
 .sapUiAcdSectionColl .sapUiAcdSectionHdr > div > span {
-  margin-top: 6px;
+	margin-top: 6px;
 }
 
 .sapUiAcdSectionDis .sapUiAcdSectionHdr > div > span {
-  opacity: 0.3;
+	opacity: 0.3;
 }
 
 .sapUiAcdSectionMinArrow {
-  /* the 'collapse' icon on the left-hand side of the panel header */
-  background-image: url(img/arrow_down.png);
-  width: 16px;
-  height: 16px;
-  margin-top: -1px;
+	/* the 'collapse' icon on the left-hand side of the panel header */
+	background-image: url('img/arrow_down.png');
+	width: 16px;
+	height: 16px;
+	margin-top: -1px;
 }
 
 .sapUiAcdSectionHdr:hover .sapUiAcdSectionMinArrow,
 .sapUiAcdSectionMinArrow:hover {
-  /* the 'collapse' icon on the left-hand side of the panel header */
-  background-image: url(img/arrow_down_hover.png);
+	/* the 'collapse' icon on the left-hand side of the panel header */
+	background-image: url('img/arrow_down_hover.png');
 }
 
 .sapUiAcdSectionColl .sapUiAcdSectionMinArrow {
-  background-image: url(img/arrow_right.png);
-  width: 16px;
-  height: 16px;
+	background-image: url('img/arrow_right.png');
+	width: 16px;
+	height: 16px;
 }
 
 .sapUiAcdSectionColl .sapUiAcdSectionHdr:hover .sapUiAcdSectionMinArrow,
 .sapUiAcdSectionColl .sapUiAcdSectionMinArrow:hover {
-  background-image: url(img/arrow_right_hover.png);
+	background-image: url('img/arrow_right_hover.png');
 }
 
 .sapUiAcdSectionDis.sapUiAcdSectionColl .sapUiAcdSectionHdr:hover .sapUiAcdSectionMinArrow,
 .sapUiAcdSectionDis.sapUiAcdSectionColl .sapUiAcdSectionMinArrow:hover {
-  background-image: url(img/arrow_right.png);
+	background-image: url('img/arrow_right.png');
 }

package/src/sap/ui/commons/themes/sap_horizon/Carousel.less

@@ -1,63 +1,65 @@
 /* ======================================== */
 /* CSS for control sap.ui.commons/Carousel  */
-/* Horizon theme                            */
+/* Morning Horizon theme                    */
 /* ======================================== */
 
 .sapUiCrslCnt {
-	font-family: @sapUiDesktopFontFamily;
+	font-family: var(--sapFontFamily);
 	font-size: @sapUiDesktopFontSize;
-	border-color: darken(@sapUiContentForegroundBorderColor, 24.6); // @sapUiBaseBorder = #808080
+	border-color: darken(@sapUiContentForegroundBorderColor, 24.6);
 }
 
 .sapUiCrslHorizontal .sapUiCrslCnt {
-	border-width: 1px 0px;
+	border-width: 1px 0;
 }
 
 .sapUiCrslVertical .sapUiCrslCnt {
-	border-width: 0px 1px;
+	border-width: 0 1px;
 }
 
-.sapUiCrslNextBtn, .sapUiCrslPrevBtn {
+.sapUiCrslNextBtn,
+.sapUiCrslPrevBtn {
 	background-repeat: no-repeat;
 	background-position: center;
 }
 
-.sapUiCrslNextBtn:hover, .sapUiCrslPrevBtn:hover {
-	background-color: @sapUiHighlight;
+.sapUiCrslNextBtn:hover,
+.sapUiCrslPrevBtn:hover {
+	background-color: var(--sapHighlightColor);
 }
 
 .sapUiCrslHorizontal .sapUiCrslNextBtn {
-	background-image: url(img/arrow_right.png);
+	background-image: url('img/arrow_right.png');
 	font-size: 0;
 }
 
 .sapUiCrslHorizontal .sapUiCrslPrevBtn {
-	background-image: url(img/arrow_left.png);
+	background-image: url('img/arrow_left.png');
 	font-size: 0;
 }
 
 .sapUiCrslVertical .sapUiCrslNextBtn {
-	background-image: url(img/arrow_down.png);
+	background-image: url('img/arrow_down.png');
 	font-size: 0;
 }
 
 .sapUiCrslVertical .sapUiCrslPrevBtn {
-	background-image: url(img/arrow_up.png);
+	background-image: url('img/arrow_up.png');
 	font-size: 0;
 }
 
 .sapUiCrslHorizontal .sapUiCrslNextBtn:hover {
-	background-image: url(img/arrow_right_hover.png);
+	background-image: url('img/arrow_right_hover.png');
 }
 
 .sapUiCrslHorizontal .sapUiCrslPrevBtn:hover {
-	background-image: url(img/arrow_left_hover.png);
+	background-image: url('img/arrow_left_hover.png');
 }
 
 .sapUiCrslVertical .sapUiCrslNextBtn:hover {
-	background-image: url(img/arrow_down_hover.png);
+	background-image: url('img/arrow_down_hover.png');
 }
 
 .sapUiCrslVertical .sapUiCrslPrevBtn:hover {
-	background-image: url(img/arrow_up_hover.png);
+	background-image: url('img/arrow_up_hover.png');
 }

package/src/sap/ui/commons/themes/sap_horizon/FormattedTextView.less

@@ -1,9 +1,9 @@
 /* ================================================= */
 /* CSS for control sap.ui.commons/FormattedTextView  */
-/* Horizon theme                                     */
+/* Morning Horizon theme                             */
 /* ================================================= */
 
 .sapUiFTV {
-	font-family: @sapUiDesktopFontFamily;
+	font-family: var(--sapFontFamily);
 	font-size: @sapUiDesktopFontSize;
 }

package/src/sap/ui/commons/themes/sap_horizon/library.source.less

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