@openui5/themelib_sap_horizon 1.135.0 → 1.136.0

package/THIRDPARTY.txt

@@ -26,7 +26,7 @@ Component: Ace (Ajax.org Cloud9 Editor), version: 1.36.5
 Copyright: 2010, Ajax.org B.V.
 License: BSD-3-Clause
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
-Contained in: src/sap.ui.codeeditor/src/sap/ui/codeeditor/js/ace/*
+Contained in: src/sap.ui.codeeditor/src/sap/ui/codeeditor/js/ace/**
 
 
 Library: sap.ui.commons:
@@ -71,7 +71,7 @@ Component: jQuery UI 1.10, version: 1.10.4
 Copyright: 2014 jQuery Foundation and other contributors
 License: MIT
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
-Contained in: src/sap.ui.core/src/sap/ui/thirdparty/jqueryui/*
+Contained in: src/sap.ui.core/src/sap/ui/thirdparty/jqueryui/**
 	src/sap.ui.core/src/jquery.sap.dom.js
 
 Component: jQuery UI 1.11, version: 1.11.1
@@ -191,13 +191,13 @@ Component: Unicode Common Locale Data Repository, version: 46.1.0
 Copyright: 1991-2024 Unicode, Inc.
 License: LicenseRef-Unicode-3.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/LicenseRef-Unicode-3.0.txt
-Contained in: src/sap.ui.core/src/sap/ui/core/cldr/*
+Contained in: src/sap.ui.core/src/sap/ui/core/cldr/**
 
 Component: MobiScroll, version: 2.9.0
 Copyright: 2010-2013, Acid Media
 License: MIT
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
-Contained in: src/sap.ui.core/src/sap/ui/thirdparty/mobiscroll/*
+Contained in: src/sap.ui.core/src/sap/ui/thirdparty/mobiscroll/**
 
 Component: SinonJS, version: 1.14.1
 Copyright: 2010-2014, Christian Johansen, christian@cjohansen.no
@@ -310,7 +310,7 @@ Component: Hyphenopoly, version: 3.4.0
 Copyright: 2021 Mathias Nater
 License: MIT
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
-Contained in: src/sap.ui.core/src/sap/ui/thirdparty/hyphenopoly/*
+Contained in: src/sap.ui.core/src/sap/ui/thirdparty/hyphenopoly/**
 
 Component: p-cancelable, version: 2.0.0
 Copyright: Sindre Sorhus <sindresorhus@gmail.com>
@@ -349,7 +349,7 @@ Component: highlight.js, version: 11.9.0
 Copyright: 2006-2020, Ivan Sagalaev
 License: BSD-3-Clause
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
-Contained in: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/highlight.js/*
+Contained in: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/highlight.js/**
 
 Component: Elasticlunr, version: 0.9.5
 Copyright: 2017 Wei Song and Oliver Nightingale
@@ -361,13 +361,13 @@ Component: DataTables, version: 2.0.1
 Copyright: SpryMedia Ltd
 License: MIT
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
-Contained in: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/DataTables/DataTables-2.0.1/*
+Contained in: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/DataTables/DataTables-2.0.1/**
 
 Component: Buttons extension for DataTables, version: 3.0.0
 Copyright: SpryMedia Ltd
 License: MIT
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
-Contained in: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/DataTables/Buttons-3.0.0/*
+Contained in: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/DataTables/Buttons-3.0.0/**
 
 
 Library: sap.ui.integration:
@@ -376,7 +376,7 @@ Component: UI5 Web Components, version: 1.7.0
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
-Contained in: src/sap.ui.integration/src/sap/ui/integration/thirdparty/webcomponents/*
+Contained in: src/sap.ui.integration/src/sap/ui/integration/thirdparty/webcomponents/**
 
 Component: Adaptive Cards, version: 2.9.0
 Copyright: 2017 Microsoft
@@ -416,18 +416,18 @@ Component: UI5 Web Components, version: 1.18.0
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
-Contained in: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/base/*.*
-	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/theming/*.*
-	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/localization/*.*
-	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons/*.*
-	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-tnt/*.*
-	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-business-suite/*.*
+Contained in: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/base/**
+	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/theming/**
+	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/localization/**
+	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons/**
+	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-tnt/**
+	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-business-suite/**
 
 Component: lit-html, version: 2.2.2
 Copyright: Google LLC
 License: BSD-3-Clause
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
-Contained in: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/lit-html/*.*
+Contained in: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/lit-html/**
 
 
 Library: sap.ui.webc.fiori:
@@ -436,7 +436,7 @@ Component: UI5 Web Components, version: 1.18.0
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
-Contained in: src/sap.ui.webc.fiori/src/sap/ui/webc/fiori/thirdparty/*.*
+Contained in: src/sap.ui.webc.fiori/src/sap/ui/webc/fiori/thirdparty/**
 
 Component: ZXing, version: 0.17.1
 Copyright: 2005 Sun Microsystems, Inc.; 2010-2014 University of Manchester; 2010-2015 Stian Soiland-Reyes; 2015 Peter Hull
@@ -451,7 +451,7 @@ Component: UI5 Web Components, version: 1.18.0
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
-Contained in: src/sap.ui.webc.main/src/sap/ui/webc/main/thirdparty/*.*
+Contained in: src/sap.ui.webc.main/src/sap/ui/webc/main/thirdparty/**
 
 
 Outside of Libraries:
@@ -462,14 +462,14 @@ License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: lib/jsdoc/ui5/plugin.js
 
-Component: SAP Theming Base Content, version: 11.28.2
+Component: SAP Theming Base Content, version: 11.29.1
 Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: src/sap.ui.core/src/sap/ui/core/themes/base/base.less
-	src/themelib_sap_belize/src/sap/ui/core/themes/*/base.less
-	src/themelib_sap_fiori_3/src/sap/ui/core/themes/*/base.less
-	src/themelib_sap_horizon/src/sap/ui/core/themes/*/base.less
+	src/themelib_sap_belize/src/sap/ui/core/themes/**/base.less
+	src/themelib_sap_fiori_3/src/sap/ui/core/themes/**/base.less
+	src/themelib_sap_horizon/src/sap/ui/core/themes/**/base.less
 
 
 ALL LICENSE TEXTS:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/themelib_sap_horizon",
-  "version": "1.135.0",
+  "version": "1.136.0",
   "description": "OpenUI5 Theme Library sap_horizon",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,22 +14,22 @@
     "url": "https://github.com/SAP/openui5.git"
   },
   "devDependencies": {
-    "@openui5/sap.f": "1.135.0",
-    "@openui5/sap.m": "1.135.0",
-    "@openui5/sap.tnt": "1.135.0",
-    "@openui5/sap.ui.codeeditor": "1.135.0",
-    "@openui5/sap.ui.commons": "1.135.0",
-    "@openui5/sap.ui.core": "1.135.0",
-    "@openui5/sap.ui.dt": "1.135.0",
-    "@openui5/sap.ui.fl": "1.135.0",
-    "@openui5/sap.ui.mdc": "1.135.0",
-    "@openui5/sap.ui.integration": "1.135.0",
-    "@openui5/sap.ui.layout": "1.135.0",
-    "@openui5/sap.ui.rta": "1.135.0",
-    "@openui5/sap.ui.suite": "1.135.0",
-    "@openui5/sap.ui.table": "1.135.0",
-    "@openui5/sap.ui.unified": "1.135.0",
-    "@openui5/sap.ui.ux3": "1.135.0",
-    "@openui5/sap.uxap": "1.135.0"
+    "@openui5/sap.f": "1.136.0",
+    "@openui5/sap.m": "1.136.0",
+    "@openui5/sap.tnt": "1.136.0",
+    "@openui5/sap.ui.codeeditor": "1.136.0",
+    "@openui5/sap.ui.commons": "1.136.0",
+    "@openui5/sap.ui.core": "1.136.0",
+    "@openui5/sap.ui.dt": "1.136.0",
+    "@openui5/sap.ui.fl": "1.136.0",
+    "@openui5/sap.ui.mdc": "1.136.0",
+    "@openui5/sap.ui.integration": "1.136.0",
+    "@openui5/sap.ui.layout": "1.136.0",
+    "@openui5/sap.ui.rta": "1.136.0",
+    "@openui5/sap.ui.suite": "1.136.0",
+    "@openui5/sap.ui.table": "1.136.0",
+    "@openui5/sap.ui.unified": "1.136.0",
+    "@openui5/sap.ui.ux3": "1.136.0",
+    "@openui5/sap.uxap": "1.136.0"
   }
 }

package/src/sap/f/themes/sap_horizon/AvatarGroup.less

@@ -1,14 +1,14 @@
-/* ===================================== */
-/* CSS for control sap.f/AvatarGroup	 */
-/* Horizon theme            	 		 */
-/* ===================================== */
+/* ================================== */
+/* CSS for control sap.f/AvatarGroup  */
+/* Morning Horizon theme              */
+/* ================================== */
 
 .applyBorderColorAccent(@counter) when (@counter > 0) {
+	.applyBorderColorAccent(@counter - 1);
+
 	.sapFAvatar.sapFAvatarColorAccent@{counter} {
 		border: 0.0625rem solid~"@{sapUiAccent@{counter}}";
 	}
-
-	.applyBorderColorAccent(@counter - 1);
 }
 
 .sapFAvatarGroup {
@@ -19,12 +19,13 @@
 	}
 
 	&:focus {
-		box-shadow: 0px 0px 0px 0.125rem @sapUiContentFocusColor;
+		box-shadow: 0 0 0 0.125rem var(--sapContent_FocusColor);
 		outline: none;
 		border-radius: 0.35rem;
 	}
 
 	&.sapFAvatarGroupIndividual {
+
 		.sapFAvatarGroupItem {
 
 			&:hover:not(:active):not(:focus) {
@@ -32,12 +33,13 @@
 			}
 
 			&:active {
+
 				.sapFAvatar {
-					background-color: @sapUiButtonActiveBackground;
+					background-color: var(--sapButton_Active_Background);
 
 					.sapFAvatarInitialsHolder,
 					&.sapFAvatarIcon {
-						color: @sapUiButtonActiveTextColor;
+						color: var(--sapButton_Active_TextColor);
 					}
 				}
 			}
@@ -47,40 +49,44 @@
 
 				.sapFAvatar {
 					outline: none;
-					box-shadow: 0px 0px 0px 0.125rem @sapUiContentFocusColor;
+					box-shadow: 0 0 0 0.125rem var(--sapContent_FocusColor);
 				}
 			}
-
 		}
 	}
 
 	&.sapFAvatarGroupGroup {
+
 		&:hover:not(:active) {
+
 			.sapFAvatarGroupItem {
 				.applyBorderColorAccent(10);
 			}
 		}
 
 		&:active {
+
 			.sapFAvatarGroupItem {
+
 				.sapFAvatar {
-					border: 0.0625rem solid @sapUiButtonActiveBorderColor;
-					background-color: @sapUiButtonActiveBackground;
+					border: 0.0625rem solid var(--sapButton_Active_BorderColor);
+					background-color: var(--sapButton_Active_Background);
 
 					.sapFAvatarInitialsHolder,
 					&.sapFAvatarIcon {
-						color: @sapUiButtonActiveTextColor;
+						color: var(--sapButton_Active_TextColor);
 					}
 				}
 			}
 
 			.sapFAvatarGroupMoreButton {
+
 				.sapMBtnInner {
-					background-color: @sapUiButtonActiveBackground;
-					border: 0.0625rem solid @sapUiButtonActiveBorderColor;
+					background-color: var(--sapButton_Active_Background);
+					border: 0.0625rem solid var(--sapButton_Active_BorderColor);
 
 					.sapMBtnContent {
-						color: @sapUiButtonActiveTextColor;
+						color: var(--sapButton_Active_TextColor);
 					}
 				}
 			}
@@ -92,7 +98,7 @@
 	border-radius: 0;
 }
 
-html.sap-desktop .sapFAvatarGroupMoreButton.sapMBtn:focus>.sapMFocusable:not(.sapMBadgeIndicator):before {
+html.sap-desktop .sapFAvatarGroupMoreButton.sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator)::before {
 	border-radius: 50%;
 	left: 0;
 	right: 0;

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

@@ -1,9 +1,8 @@
 /* ======================================= */
 /* CSS for control sap.f/DynamicPageTitle  */
-/* Horizon theme                           */
+/* Morning Horizon theme                   */
 /* ======================================= */
 
-
 .sapFDynamicPageTitle {
 	padding: 0.5rem 2rem;
 	word-wrap: break-word;
@@ -14,19 +13,21 @@
 }
 
 .sapFDynamicPage-Std-Tablet {
+
 	.sapFDynamicPageTitle,
 	.sapFDynamicPageTitleWrapper.sapFDynamicPageTitleSnapped > .sapFDynamicPageTitle {
 		padding: 0.5rem 2rem;
 	}
 
-	// Needed because on some high-end phones in landscape mode,
-	// the width of the viewport is bigger than 600 (Tablet breakpoint).
+	/* Needed because on some high-end phones in landscape mode,
+	the width of the viewport is bigger than 600 (Tablet breakpoint). */
 	.sapFDynamicPageTitleWrapper.sapFDynamicPageTitleSnappedTitleOnMobile > .sapFDynamicPageTitle {
 		padding: 0 2rem;
 	}
 }
 
 .sapFDynamicPage-Std-Phone {
+
 	.sapFDynamicPageTitle,
 	.sapFDynamicPageTitleWrapper.sapFDynamicPageTitleOnly > .sapFDynamicPageTitle,
 	.sapFDynamicPageTitleWrapper.sapFDynamicPageTitleSnapped > .sapFDynamicPageTitle {
@@ -39,7 +40,7 @@
 }
 
 .sapFDynamicPageTitle.sapFDynamicPageTitleTranslucent {
-	background: @sapUiObjectHeaderBackground;
+	background: var(--sapObjectHeader_Background);
 }
 
 .sapFDynamicPageTitle.sapFDynamicPageTitleTransparent {
@@ -51,8 +52,10 @@
 }
 
 .sapFDynamicPageNavigation .sapFDynamicPageTitleWrapper {
+
 	&.sapFDynamicPageTitleSnapped,
 	&.sapFDynamicPageTitleOnly {
+
 		& > .sapFDynamicPageTitle {
 			box-shadow: none;
 		}
@@ -64,7 +67,7 @@
 	padding: 0;
 }
 
-// General alignment styles for header text
+/* General alignment styles for header text */
 .sapFDynamicPageTitleMain > .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading {
 	align-self: center;
 }
@@ -77,58 +80,57 @@
 		box-shadow: @sapUiShadowHeader;
 }
 
-// =====================================
-// =====================================
-// Delta Styles for Horizon
-// =====================================
+/* ========================= */
+/* Delta Styles for Horizon  */
+/* ========================= */
 
-.sapFDynamicPageTitleMain>.sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle) {
-	font-size: @sapObjectHeader_Title_FontSize;
-	font-family: @sapObjectHeader_Title_FontFamily;
+.sapFDynamicPageTitleMain > .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle) {
+	font-size: var(--sapObjectHeader_Title_FontSize);
+	font-family: var(--sapObjectHeader_Title_FontFamily);
 }
 
-
-// Expanded Header title is small on small screens
-
-.sapFDynamicPage-Std-Phone .sapFDynamicPageTitleMain>.sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle) {
-	font-size: @sapObjectHeader_Title_SnappedFontSize;
-	font-family: @sapObjectHeader_Title_FontFamily;
+/* Expanded Header title is small on small screens */
+.sapFDynamicPage-Std-Phone .sapFDynamicPageTitleMain > .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle) {
+	font-size: var(--sapObjectHeader_Title_SnappedFontSize);
+	font-family: var(--sapObjectHeader_Title_FontFamily);
 }
 
 
-// Snapped Header title is small on all screen sizes
-
-.sapFDynamicPageTitleSnapped .sapFDynamicPageTitleMain>.sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle) {
-	font-size: @sapObjectHeader_Title_SnappedFontSize;
-	font-family: @sapObjectHeader_Title_FontFamily;
+/* Snapped Header title is small on all screen sizes */
+.sapFDynamicPageTitleSnapped .sapFDynamicPageTitleMain > .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle) {
+	font-size: var(--sapObjectHeader_Title_SnappedFontSize);
+	font-family: var(--sapObjectHeader_Title_FontFamily);
 }
 
-// Overview Page using Dynamic page Header
-.ovpApplication .sapFDynamicPageTitleWrapper.sapFDynamicPageTitleSnapped>.sapFDynamicPageTitle,
-.ovpApplication .sapFDynamicPageTitleWrapper.sapFDynamicPageTitleOnly>.sapFDynamicPageTitle {
-    box-shadow: @sapUiContentHeaderShadow;
+/* Overview Page using Dynamic page Header */
+.ovpApplication .sapFDynamicPageTitleWrapper.sapFDynamicPageTitleSnapped > .sapFDynamicPageTitle,
+.ovpApplication .sapFDynamicPageTitleWrapper.sapFDynamicPageTitleOnly > .sapFDynamicPageTitle {
+	box-shadow: var(--sapContent_HeaderShadow);
 }
 
-// Dynamic page Title Focus - Experimental
+/* Dynamic page Title Focus - Experimental */
 html.sap-desktop {
-        .sapFDynamicPageTitle.sapFDynamicPageTitleFocus {
-            outline: @sapContent_FocusWidth @sapContent_FocusStyle @sapUiContentFocusColor;
-            outline-offset: -0.125rem;
-        }
+
+	.sapFDynamicPageTitle.sapFDynamicPageTitleFocus {
+		outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+		outline-offset: -0.125rem;
+	}
 }
 
-// =====================================
-// GenericTag
-// =====================================
+/* =========== */
+/* GenericTag  */
+/* =========== */
+
 .sapFDynamicPageTitleMain .sapMGenericTag.sapMBarChild  {
-    margin-top: 1rem;
+	margin-top: 1rem;
 }
 
 .sapFDynamicPageTitleSnapped .sapMGenericTag.sapMBarChild  {
-    margin-top: 0.3125rem;
+	margin-top: 0.3125rem;
 }
 
 .sapFDynamicPageTitleMain > .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainContent {
+
 	.sapMGenericTag.sapMBarChild {
 		margin-top: 0.5625rem;
 		margin-bottom: 0.5625rem;
@@ -136,6 +138,7 @@ html.sap-desktop {
 }
 
 .sapUiSizeCompact {
+
 	.sapFDynamicPageTitle .sapMTB {
 		height: 2.75rem;
 	}

package/src/sap/f/themes/sap_horizon/FlexibleColumnLayout.less

@@ -1,17 +1,18 @@
 /* =========================================== */
 /* CSS for control sap.f/FlexibleColumnLayout  */
-/* Horizon theme                               */
+/* Morning Horizon theme                       */
 /* =========================================== */
 
-@_sap_f_FCL_SeparatorButtonColor: @sapUiButtonLiteTextColor;
+@_sap_f_FCL_SeparatorButtonColor: var(--sapButton_Lite_TextColor);
 
 .sapFFCL {
+
 	&.sapFFCLBackgroundDesignSolid {
-		background: @sapUiContentForegroundColor;
+		background: var(--sapContent_ForegroundColor);
 	}
 
 	&.sapFFCLBackgroundDesignTranslucent {
-		background: @sapUiGroupContentBackground;
+		background: var(--sapGroup_ContentBackground);
 	}
 
 	&.sapFFCLBackgroundDesignTransparent {
@@ -19,17 +20,17 @@
 	}
 
 	& > .sapFFCLColumnMid.sapFFCLColumnActive {
-		border-left: 0.0625rem solid @sapUiGroupContentBorderColor;
-		border-right: 0.0625rem solid @sapUiGroupContentBorderColor;
+		border-left: 0.0625rem solid var(--sapGroup_ContentBorderColor);
+		border-right: 0.0625rem solid var(--sapGroup_ContentBorderColor);
 	}
 
 	& > .sapFFCLColumnActive.sapFFCLColumnLastActive {
 		border-right: none;
-		border-left: 0.0625rem solid @sapUiGroupContentBorderColor;
+		border-left: 0.0625rem solid var(--sapGroup_ContentBorderColor);
 	}
 
 	& > .sapFFCLColumnActive.sapFFCLColumnFirstActive {
-		border-right: 0.0625rem solid @sapUiGroupContentBorderColor;
+		border-right: 0.0625rem solid var(--sapGroup_ContentBorderColor);
 		border-left: none;
 	}
 
@@ -41,16 +42,17 @@
 
 .sapFFCLNavigationButton,
 .sapUiSizeCompact .sapFFCLNavigationButton {
-	// Reflection: styles overwritten
+
+	/* Reflection: styles overwritten */
 	.sapMBtnInner {
 		height: 1.625rem;
 	}
 
-	&:before {
-		background-image: linear-gradient(to top, @sapUiGroupContentBorderColor, transparent);
+	&::before {
+		background-image: linear-gradient(to top, var(--sapGroup_ContentBorderColor), transparent);
 	}
 
-	&:after {
-		background-image: linear-gradient(to bottom, @sapUiGroupContentBorderColor, transparent);
+	&::after {
+		background-image: linear-gradient(to bottom, var(--sapGroup_ContentBorderColor), transparent);
 	}
 }

package/src/sap/f/themes/sap_horizon/GridList.less

@@ -1,7 +1,7 @@
-/* ============================== */
-/* CSS for control sap.f/GridList */
-/* Horizon theme                  */
-/* ============================== */
+/* =============================== */
+/* CSS for control sap.f/GridList  */
+/* Morning Horizon them            */
+/* =============================== */
 
 @_sap_f_GridList_ItemFocusBorderRadius: 1rem;
 @_sap_f_GridList_ItemFocusedHighlightOffset: 0.5rem;
@@ -10,4 +10,4 @@
 
 .sapFGridList > .sapMGrowingList {
 	background: none;
-}
+}

package/src/sap/f/themes/sap_horizon/SidePanel.less

@@ -1,33 +1,42 @@
-/* =============================== */
-/* CSS for control sap.f/SidePanel */
-/* Horizon theme                   */
-/* =============================== */
+/* ================================ */
+/* CSS for control sap.f/SidePanel  */
+/* Morning Horizon theme            */
+/* ================================ */
 
-@_sap_ui_layout_Splitter_BarDecorationColors: @sapUiGroupContentBorderColor, transparent;
+@_sap_ui_layout_Splitter_BarDecorationColors: var(--sapGroup_ContentBorderColor), transparent;
 
 .sapFSP {
+
 	.sapFSPSplitterBar {
+
 		.sapFSPSplitterBarGripIcon {
-			color: @sapUiButtonLiteTextColor;
+			color: var(--sapButton_Lite_TextColor);
 		}
 	}
+
 	.sapFSPSide {
+
 		.sapFSPSideInner {
+
 			.sapFSPActionBar {
 
 				.sapFSPItem {
+
 					.sapUiIcon {
 						border-width: 0.125rem;
 					}
+
 					&.sapFSPSelected {
+
 						&::before {
 							width: 0.25rem;
 						}
 					}
 
 					&:focus {
+
 						&::after {
-							border: 0.125rem solid @sapUiContentSelectedForegroundColor;
+							border: 0.125rem solid var(--sapContent_Selected_ForegroundColor);
 						}
 					}
 				}

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

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