@openui5/themelib_sap_horizon 1.141.2 → 1.143.0

package/README.md

@@ -4,13 +4,13 @@
 Runtime resources of the [OpenUI5](https://github.com/UI5/openui5) Theme Library **sap_horizon**.
 
 ## Usage
-Add this library as a dependency to your UI5 project by using [UI5 Tooling](https://sap.github.io/ui5-tooling/):
+Add this library as a dependency to your UI5 project by using [UI5 CLI](https://ui5.github.io/cli/):
 
 ```
 ui5 add themelib_sap_horizon
 ```
 
-For more information, please refer to our documentation on [Consuming OpenUI5 Libraries](https://sap.github.io/ui5-tooling/pages/OpenUI5/).
+For more information, please refer to our documentation on [Consuming OpenUI5 Libraries](https://ui5.github.io/cli/pages/OpenUI5/).
 
 ## License
 OpenUI5 is licensed under [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0), see [LICENSE.txt](LICENSE.txt).

package/REUSE.toml

@@ -21,6 +21,44 @@ SPDX-License-Identifier = "Apache-2.0"
 #
 
 
+# Library: sap.f:
+
+[[annotations]]
+path = "src/sap.f/src/sap/f/thirdparty/**"
+precedence = "aggregate"
+SPDX-FileCopyrightText = "SAP"
+SPDX-License-Identifier = "Apache-2.0"
+SPDX-FileComment = "these files belong to: UI5 Web Components"
+
+[[annotations]]
+path = "src/sap.f/src/sap/f/thirdparty/**"
+precedence = "aggregate"
+SPDX-FileCopyrightText = "SAP"
+SPDX-License-Identifier = "Apache-2.0"
+SPDX-FileComment = "these files belong to: UI5 Web Components Fiori"
+
+[[annotations]]
+path = "src/sap.f/src/sap/f/thirdparty/**"
+precedence = "aggregate"
+SPDX-FileCopyrightText = "SAP"
+SPDX-License-Identifier = "Apache-2.0"
+SPDX-FileComment = "these files belong to: UI5 Web Components Icons"
+
+[[annotations]]
+path = "src/sap.f/src/sap/f/thirdparty/**"
+precedence = "aggregate"
+SPDX-FileCopyrightText = "SAP"
+SPDX-License-Identifier = "Apache-2.0"
+SPDX-FileComment = "these files belong to: UI5 Web Components Icons Business Suite"
+
+[[annotations]]
+path = "src/sap.f/src/sap/f/thirdparty/**"
+precedence = "aggregate"
+SPDX-FileCopyrightText = "SAP"
+SPDX-License-Identifier = "Apache-2.0"
+SPDX-FileComment = "these files belong to: UI5 Web Components Icons TNT"
+
+
 # Library: sap.m:
 
 [[annotations]]
@@ -347,7 +385,7 @@ SPDX-FileComment = "these files belong to: handlebars"
 [[annotations]]
 path = "src/sap.ui.core/src/sap/ui/thirdparty/require.js"
 precedence = "aggregate"
-SPDX-FileCopyrightText = "2010-2012, The Dojo Foundation"
+SPDX-FileCopyrightText = "2010-2024, jQuery Foundation and other contributors"
 SPDX-License-Identifier = "MIT"
 SPDX-FileComment = "these files belong to: requireJS"
 

package/THIRDPARTY.txt

@@ -4,6 +4,39 @@ each subcomponent.
 The full text of all referenced licenses is appended at the end of this file.
 
 
+Library: sap.f:
+
+Component: UI5 Web Components, version: 2.15.0
+Copyright: SAP
+License: Apache-2.0
+License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
+Contained in: src/sap.f/src/sap/f/thirdparty/**
+
+Component: UI5 Web Components Fiori, version: 2.15.0
+Copyright: SAP
+License: Apache-2.0
+License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
+Contained in: src/sap.f/src/sap/f/thirdparty/**
+
+Component: UI5 Web Components Icons, version: 2.15.0
+Copyright: SAP
+License: Apache-2.0
+License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
+Contained in: src/sap.f/src/sap/f/thirdparty/**
+
+Component: UI5 Web Components Icons Business Suite, version: 2.15.0
+Copyright: SAP
+License: Apache-2.0
+License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
+Contained in: src/sap.f/src/sap/f/thirdparty/**
+
+Component: UI5 Web Components Icons TNT, version: 2.15.0
+Copyright: SAP
+License: Apache-2.0
+License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
+Contained in: src/sap.f/src/sap/f/thirdparty/**
+
+
 Library: sap.m:
 
 Component: purify.js, version: 3.2.4
@@ -221,8 +254,8 @@ License: MIT
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/MIT.txt
 Contained in: src/sap.ui.core/src/sap/ui/thirdparty/handlebars.js
 
-Component: requireJS, version: 2.1.8
-Copyright: 2010-2012, The Dojo Foundation
+Component: requireJS, version: 2.3.7
+Copyright: 2010-2024, jQuery Foundation and other contributors
 License: MIT
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/MIT.txt
 Contained in: src/sap.ui.core/src/sap/ui/thirdparty/require.js
@@ -354,7 +387,7 @@ Contained in: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/D
 
 Library: sap.ui.integration:
 
-Component: UI5 Web Components, version: 1.7.0
+Component: UI5 Web Components, version: 2.15.0
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/themelib_sap_horizon",
-  "version": "1.141.2",
+  "version": "1.143.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/UI5/openui5.git"
   },
   "devDependencies": {
-    "@openui5/sap.f": "1.141.2",
-    "@openui5/sap.m": "1.141.2",
-    "@openui5/sap.tnt": "1.141.2",
-    "@openui5/sap.ui.codeeditor": "1.141.2",
-    "@openui5/sap.ui.commons": "1.141.2",
-    "@openui5/sap.ui.core": "1.141.2",
-    "@openui5/sap.ui.dt": "1.141.2",
-    "@openui5/sap.ui.fl": "1.141.2",
-    "@openui5/sap.ui.mdc": "1.141.2",
-    "@openui5/sap.ui.integration": "1.141.2",
-    "@openui5/sap.ui.layout": "1.141.2",
-    "@openui5/sap.ui.rta": "1.141.2",
-    "@openui5/sap.ui.suite": "1.141.2",
-    "@openui5/sap.ui.table": "1.141.2",
-    "@openui5/sap.ui.unified": "1.141.2",
-    "@openui5/sap.ui.ux3": "1.141.2",
-    "@openui5/sap.uxap": "1.141.2"
+    "@openui5/sap.f": "1.143.0",
+    "@openui5/sap.m": "1.143.0",
+    "@openui5/sap.tnt": "1.143.0",
+    "@openui5/sap.ui.codeeditor": "1.143.0",
+    "@openui5/sap.ui.commons": "1.143.0",
+    "@openui5/sap.ui.core": "1.143.0",
+    "@openui5/sap.ui.dt": "1.143.0",
+    "@openui5/sap.ui.fl": "1.143.0",
+    "@openui5/sap.ui.mdc": "1.143.0",
+    "@openui5/sap.ui.integration": "1.143.0",
+    "@openui5/sap.ui.layout": "1.143.0",
+    "@openui5/sap.ui.rta": "1.143.0",
+    "@openui5/sap.ui.suite": "1.143.0",
+    "@openui5/sap.ui.table": "1.143.0",
+    "@openui5/sap.ui.unified": "1.143.0",
+    "@openui5/sap.ui.ux3": "1.143.0",
+    "@openui5/sap.uxap": "1.143.0"
   }
 }

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

@@ -28,7 +28,7 @@
 
 .sapFCard .sapFCardHeader .sapFCardStatus {
 	font-size: var(--sapFontSmallSize);
-	margin-top: 0.125rem;
+	margin-top: 0rem;
 }
 
 .sapFCard .sapMLIBFocusable:focus {

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

@@ -24,5 +24,5 @@
 
 .sapFCard .sapFCardHeader .sapFCardStatus {
 	font-size: var(--sapFontSmallSize);
-	margin-top: 0.125rem;
+	margin-top: 0rem;
 }

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

@@ -244,9 +244,9 @@ html.sap-desktop {
 .sapMSegBBtn.sapMSegBBtnFocusable:active:hover {
 
 	.sapMSegBBtnInner {
-		background: var(--sapButton_Selected_Background);
-		color: var(--sapButton_Selected_TextColor);
-		border-color: var(--sapButton_Selected_BorderColor);
+		background: var(--sapButton_Active_Background);
+		color: var(--sapButton_Active_TextColor);
+		border-color: var(--sapButton_Active_BorderColor);
 	}
 
 	.sapUiIcon {

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

@@ -5,10 +5,9 @@
 
 .sapMSliderTooltip {
 	background: var(--sapField_Focus_Background);
-	border-radius: 0.5rem;
+	border-radius: 0.0625rem;
 	border: none;
 	box-shadow: var(--sapContent_Shadow1);
-	height: 1.375rem;
 	min-width: 2rem;
 	padding: 0.25rem;
 	font-size: var(--sapFontSmallSize);
@@ -25,8 +24,13 @@
 }
 
 .sapMSliderTooltip.sapMSliderTooltipNonEditableWrapper {
-	height: 0.875rem;
+	height: 1rem;
 	padding: 0.25rem;
 	font-size: var(--sapFontSmallSize);
 	color: var(--sapContent_LabelColor);
+	background: var(--sapBackgroundColor);
+
+		.sapMSliderTooltipInput {
+			background: var(--sapBackgroundColor);
+		}
 }

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

@@ -377,17 +377,6 @@ large.sapUiSizeCompact .sapMGT.sapMGTLineMode,
 	}
 }
 
-.sapUshellSection {
-
-	.sapMGT.TwoByOne {
-		width: 23rem;
-	}
-
-	.sapMGT.TwoByHalf {
-		width: 23rem;
-	}
-}
-
 .sapMGT.TwoByOne {
 	width: 22.5rem;
 }

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

@@ -244,9 +244,9 @@ html.sap-desktop {
 .sapMSegBBtn.sapMSegBBtnFocusable:active:hover {
 
 	.sapMSegBBtnInner {
-		background: var(--sapButton_Selected_Background);
-		color: var(--sapButton_Selected_TextColor);
-		border-color: var(--sapButton_Selected_BorderColor);
+		background: var(--sapButton_Active_Background);
+		color: var(--sapButton_Active_TextColor);
+		border-color: var(--sapButton_Active_BorderColor);
 	}
 
 	.sapUiIcon {

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

@@ -5,10 +5,9 @@
 
 .sapMSliderTooltip {
 	background: var(--sapField_Focus_Background);
-	border-radius: 0.5rem;
+	border-radius: 0.0625rem;
 	border: none;
 	box-shadow: var(--sapContent_Shadow1);
-	height: 1.375rem;
 	min-width: 2rem;
 	padding: 0.25rem;
 	font-size: var(--sapFontSmallSize);
@@ -26,8 +25,13 @@
 }
 
 .sapMSliderTooltip.sapMSliderTooltipNonEditableWrapper {
-	height: 0.875rem;
+	height: 1rem;
 	padding: 0.25rem;
 	font-size: var(--sapFontSmallSize);
 	color: var(--sapContent_LabelColor);
+	background: var(--sapBackgroundColor);
+
+		.sapMSliderTooltipInput {
+			background: var(--sapBackgroundColor);
+		}
 }

package/src/sap/m/themes/sap_horizon_hcb/SliderTooltip.less

@@ -6,11 +6,10 @@
 /* Slider Tooltip styles          */
 
 .sapMSliderTooltip {
-	background: var(--sapField_Background);
-	border-radius: var(--sapElement_BorderCornerRadius);
+	background: var(--sapBackgroundColor);
+	border-radius: 0.0625rem;
 	border: 1px solid var(--sapField_BorderColor);
 	box-shadow: none;
-	height: 1.375rem;
 	min-width: 2rem;
 	padding: 0.25rem;
 	font-size: var(--sapFontSmallSize);
@@ -32,8 +31,8 @@
 }
 
 .sapMSliderTooltip.sapMSliderTooltipNonEditableWrapper {
-	border-radius: 0.25rem;
-	height: 0.875rem;
+	border-radius: 0.0625rem;
+	height: 1rem;
 	padding: 0.25rem;
 	font-size: var(--sapFontSmallSize);
 	color: var(--sapContent_LabelColor);

package/src/sap/m/themes/sap_horizon_hcw/SliderTooltip.less

@@ -6,11 +6,10 @@
 /* Slider Tooltip styles          */
 
 .sapMSliderTooltip {
-	background: var(--sapField_Background);
-	border-radius: var(--sapElement_BorderCornerRadius);
+	background: var(--sapBackgroundColor);
+	border-radius: 0.0625rem;
 	border: 1px solid var(--sapField_BorderColor);
 	box-shadow: none;
-	height: 1.375rem;
 	min-width: 2rem;
 	padding: 0.25rem;
 	font-size: var(--sapFontSmallSize);
@@ -32,8 +31,8 @@
 }
 
 .sapMSliderTooltip.sapMSliderTooltipNonEditableWrapper {
-	border-radius: 0.25rem;
-	height: 0.875rem;
+	border-radius: 0.0625rem;
+	height: 1rem;
 	padding: 0.25rem;
 	font-size: var(--sapFontSmallSize);
 	color: var(--sapContent_LabelColor);

package/src/sap/tnt/themes/sap_horizon/NavigationList.less

@@ -1,17 +1,17 @@
 /* ======================================= */
 /* CSS for control sap.tnt/NavigationList  */
-/* Horizon theme                           */
+/* Morning Horizon theme                   */
 /* ======================================= */
 
 @_sap_tnt_NavigationList_CollapsedWidth: 4rem;
-@_sap_tnt_NavigationList_IconColor: @sapUiListTextColor;
-@_sap_tnt_NavigationList_ExpandIconColor: @sapUiListTextColor;
+@_sap_tnt_NavigationList_IconColor: var(--sapList_TextColor);
+@_sap_tnt_NavigationList_ExpandIconColor: var(--sapList_TextColor);
 @_sap_tnt_NavigationList_GroupBorderStyleColor: none;
 @_sap_tnt_NavigationList_ItemHeight: 2.75rem;
 @_sap_tnt_NavigationList_ItemBorderRadius: 0.375rem;
 @_sap_tnt_NavigationList_ItemBottomMargin: 0.25rem;
 @_sap_tnt_NavigationList_ItemBottomMarginInOverflowPopup: 0.25rem;
-@_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
+@_sap_tnt_NavigationList_ItemFocusBorderOffset: ~"calc(-1 * var(--sapContent_FocusWidth))";
 @_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
 @_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out, max-width 0.3s ease-in-out;
 @_sap_tnt_NavigationList_SelectedBorderStyleColor: none;
@@ -38,16 +38,16 @@
 @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPaddingCompact: @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding;
 @_sap_tnt_NavigationList_CollapsedIconPaddingLeft: 0.25rem;
 @_sap_tnt_NavigationList_CollapsedHiddenExpanderPadding: 1rem;
-@_sap_tnt_NavigationList_NavigationIndicator: "\E066";
+@_sap_tnt_NavigationList_NavigationIndicator: '\E066';
 @_sap_tnt_NavigationList_ExpandIconWidth: 2.25rem;
 @_sap_tnt_NavigationList_ExpandIconMarginRight: 0.375rem;
 @_sap_tnt_NavigationList_ExpandIconMarginLeft: 0.25rem;
 @_sap_tnt_NavigationList_ExpandIconPaddingLeft: 0.25rem;
 @_sap_tnt_NavigationList_ExpandIconFontSize: 1rem;
-@_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: ~"0 100% / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), @sapUiListSelectionBackgroundColor;
+@_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: ~"0 100% / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), var(--sapList_SelectionBackgroundColor);
 @_sap_tnt_NavigationList_Collapsed_SelectedItemBackgroundHover: @sapUiListSelectionHoverBackground;
-@_sap_tnt_NavigationList_Collapsed_SelectedItemBackgroundRTL: ~"100% 0 / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), @sapUiListSelectionBackgroundColor;
+@_sap_tnt_NavigationList_Collapsed_SelectedItemBackgroundRTL: ~"100% 0 / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), var(--sapList_SelectionBackgroundColor);
 @_sap_tnt_NavigationList_ActionItemBorderHover: @_sap_tnt_NavigationList_ActionItemBorder;
 @_sap_tnt_NavigationList_ActionItemBorderPosition: -1px;
 @_sap_tnt_NavigationList_ActionItemBorderHeight: auto;
-@_sap_tnt_NavigationList_ActionItemBorderPaddingLeft: calc(@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding ~"-" 0.0625rem);
+@_sap_tnt_NavigationList_ActionItemBorderPaddingLeft: calc(@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding ~"-" 0.0625rem);

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

@@ -1,14 +1,14 @@
-/* =================================== */
+/* ================================= */
 /* CSS for control sap.tnt/ToolPage  */
-/* Horizon theme                       */
-/* =================================== */
+/* Morning Horizon theme             */
+/* ================================= */
 
-@_sap_tnt_ToolPage_ContentBackgroundStandard: @sapUiBaseBG;
-@_sap_tnt_ToolPage_ContentBackgroundSolid: @sapUiBaseBG;
+@_sap_tnt_ToolPage_ContentBackgroundStandard: var(--sapBackgroundColor);
+@_sap_tnt_ToolPage_ContentBackgroundSolid: var(--sapBackgroundColor);
 @_sap_tnt_ToolPage_ContentBackgroundTransparent: transparent;
-@_sap_tnt_ToolPage_ContentBackgroundList: @sapUiGroupContentBackground;
+@_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_ToolHeader_Shadow: @sapUiShellShadow;
+@_sap_tnt_ToolHeader_Shadow: var(--sapShell_Shadow);

package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less

@@ -4,14 +4,14 @@
 /* ======================================= */
 
 @_sap_tnt_NavigationList_CollapsedWidth: 4rem;
-@_sap_tnt_NavigationList_IconColor: @sapUiListTextColor;
-@_sap_tnt_NavigationList_ExpandIconColor: @sapUiListTextColor;
+@_sap_tnt_NavigationList_IconColor: var(--sapList_TextColor);
+@_sap_tnt_NavigationList_ExpandIconColor: var(--sapList_TextColor);
 @_sap_tnt_NavigationList_GroupBorderStyleColor: none;
 @_sap_tnt_NavigationList_ItemHeight: 2.75rem;
 @_sap_tnt_NavigationList_ItemBorderRadius: 0.375rem;
 @_sap_tnt_NavigationList_ItemBottomMargin: 0.25rem;
 @_sap_tnt_NavigationList_ItemBottomMarginInOverflowPopup: 0.25rem;
-@_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
+@_sap_tnt_NavigationList_ItemFocusBorderOffset: ~"calc(-1 * var(--sapContent_FocusWidth))";
 @_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
 @_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out, max-width 0.3s ease-in-out;
 @_sap_tnt_NavigationList_SelectedBorderStyleColor: none;
@@ -38,16 +38,16 @@
 @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPaddingCompact: @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding;
 @_sap_tnt_NavigationList_CollapsedIconPaddingLeft: 0.25rem;
 @_sap_tnt_NavigationList_CollapsedHiddenExpanderPadding: 1rem;
-@_sap_tnt_NavigationList_NavigationIndicator: "\E066";
+@_sap_tnt_NavigationList_NavigationIndicator: '\E066';
 @_sap_tnt_NavigationList_ExpandIconWidth: 2.25rem;
 @_sap_tnt_NavigationList_ExpandIconMarginRight: 0.375rem;
 @_sap_tnt_NavigationList_ExpandIconMarginLeft: 0.25rem;
 @_sap_tnt_NavigationList_ExpandIconPaddingLeft: 0.25rem;
 @_sap_tnt_NavigationList_ExpandIconFontSize: 1rem;
-@_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: ~"0 100% / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), @sapUiListSelectionBackgroundColor;
+@_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: ~"0 100% / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), var(--sapList_SelectionBackgroundColor);
 @_sap_tnt_NavigationList_Collapsed_SelectedItemBackgroundHover: @sapUiListSelectionHoverBackground;
-@_sap_tnt_NavigationList_Collapsed_SelectedItemBackgroundRTL: ~"100% 0 / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), @sapUiListSelectionBackgroundColor;
+@_sap_tnt_NavigationList_Collapsed_SelectedItemBackgroundRTL: ~"100% 0 / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), var(--sapList_SelectionBackgroundColor);
 @_sap_tnt_NavigationList_ActionItemBorderHover: @_sap_tnt_NavigationList_ActionItemBorder;
 @_sap_tnt_NavigationList_ActionItemBorderPosition: -1px;
 @_sap_tnt_NavigationList_ActionItemBorderHeight: auto;
-@_sap_tnt_NavigationList_ActionItemBorderPaddingLeft: calc(@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding ~"-" 0.0625rem);
+@_sap_tnt_NavigationList_ActionItemBorderPaddingLeft: calc(@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding ~"-" 0.0625rem);

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

@@ -3,12 +3,12 @@
 /* Evening Horizon theme             */
 /* ================================= */
 
-@_sap_tnt_ToolPage_ContentBackgroundStandard: @sapUiBaseBG;
-@_sap_tnt_ToolPage_ContentBackgroundSolid: @sapUiBaseBG;
+@_sap_tnt_ToolPage_ContentBackgroundStandard: var(--sapBackgroundColor);
+@_sap_tnt_ToolPage_ContentBackgroundSolid: var(--sapBackgroundColor);
 @_sap_tnt_ToolPage_ContentBackgroundTransparent: transparent;
-@_sap_tnt_ToolPage_ContentBackgroundList: @sapUiGroupContentBackground;
+@_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_ToolHeader_Shadow: @sapUiShellShadow;
+@_sap_tnt_ToolHeader_Shadow: var(--sapShell_Shadow);

package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less

@@ -4,19 +4,19 @@
 /* ======================================= */
 
 @_sap_tnt_NavigationList_CollapsedWidth: 4rem;
-@_sap_tnt_NavigationList_ExpandIconColor: @sapUiContentNonInteractiveIconColor;
+@_sap_tnt_NavigationList_ExpandIconColor: var(--sapContent_NonInteractiveIconColor);
 @_sap_tnt_NavigationList_ItemHeight: 2.75rem;
-@_sap_tnt_NavigationList_ItemBorderStyleColor: solid @sapUiListBorderColor;
+@_sap_tnt_NavigationList_ItemBorderStyleColor: solid var(--sapList_BorderColor);
 @_sap_tnt_NavigationList_ItemBorderWidth: 0 0 0.0625rem 0;
 @_sap_tnt_NavigationList_ItemFocusBorderOffset: 0;
 @_sap_tnt_NavigationList_LastItemBorderStyleColor: solid transparent;
-@_sap_tnt_NavigationList_HoverBorderStyleColor: solid @sapUiListSelectionBorderColor;
+@_sap_tnt_NavigationList_HoverBorderStyleColor: solid var(--sapList_SelectionBorderColor);
 @_sap_tnt_NavigationList_HoverBorderWidth: 0.0625rem;
 @_sap_tnt_NavigationList_SelectedBorderWidth: 0.0625rem;
 @_sap_tnt_NavigationList_SelectedAndFocusedBorderStyleColor: none;
-@_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: ~"0 100% / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), @sapUiListSelectionBackgroundColor;
+@_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: ~"0 100% / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), var(--sapList_SelectionBackgroundColor);
 @_sap_tnt_NavigationList_Collapsed_SelectedItemBackgroundHover: @sapUiListSelectionHoverBackground;
-@_sap_tnt_NavigationList_Collapsed_SelectedItemBackgroundRTL: ~"100% 0 / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), @sapUiListSelectionBackgroundColor;
+@_sap_tnt_NavigationList_Collapsed_SelectedItemBackgroundRTL: ~"100% 0 / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), var(--sapList_SelectionBackgroundColor);
 @_sap_tnt_NavigationList_ItemBottomMargin: 0.25rem;
 @_sap_tnt_NavigationList_ItemBottomMarginInOverflowPopup: 0.25rem;
 @_sap_tnt_NavigationList_ParentItemBottomMarginInPopup: 0.5rem;
@@ -41,7 +41,7 @@
 @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPaddingCompact: @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding;
 @_sap_tnt_NavigationList_CollapsedIconPaddingLeft: 0.25rem;
 @_sap_tnt_NavigationList_CollapsedHiddenExpanderPadding: 1rem;
-@_sap_tnt_NavigationList_NavigationIndicator: "\E066";
+@_sap_tnt_NavigationList_NavigationIndicator: '\E066';
 @_sap_tnt_NavigationList_ExpandIconWidth: 2.25rem;
 @_sap_tnt_NavigationList_ExpandIconMarginRight: 0.375rem;
 @_sap_tnt_NavigationList_ExpandIconMarginLeft: 0.25rem;
@@ -50,4 +50,4 @@
 @_sap_tnt_NavigationList_ActionItemBorderHover: 1px solid transparent;
 @_sap_tnt_NavigationList_ActionItemBorderPosition: -1px;
 @_sap_tnt_NavigationList_ActionItemBorderHeight: auto;
-@_sap_tnt_NavigationList_ActionItemBorderPaddingLeft: calc(@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding ~"-" 0.0625rem);
+@_sap_tnt_NavigationList_ActionItemBorderPaddingLeft: calc(@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding ~"-" 0.0625rem);

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

@@ -1,13 +1,13 @@
-/* ================================= */
-/* CSS for control sap.tnt/ToolPage  */
-/* Horizon HCB theme                 */
-/* ================================= */
+/* ================================== */
+/* CSS for control sap.tnt/ToolPage   */
+/* Horizon High Contrast Black theme  */
+/* ================================== */
 
-@_sap_tnt_ToolPage_Background: @sapUiBaseBG;
-@_sap_tnt_ToolPage_ContentBackgroundStandard: @sapUiBaseBG;
-@_sap_tnt_ToolPage_ContentBackgroundSolid: @sapUiBaseBG;
+@_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: @sapUiGroupContentBackground;
+@_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;

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

@@ -4,19 +4,19 @@
 /* ======================================= */
 
 @_sap_tnt_NavigationList_CollapsedWidth: 4rem;
-@_sap_tnt_NavigationList_ExpandIconColor: @sapUiContentNonInteractiveIconColor;
+@_sap_tnt_NavigationList_ExpandIconColor: var(--sapContent_NonInteractiveIconColor);
 @_sap_tnt_NavigationList_ItemHeight: 2.75rem;
-@_sap_tnt_NavigationList_ItemBorderStyleColor: solid @sapUiListBorderColor;
+@_sap_tnt_NavigationList_ItemBorderStyleColor: solid var(--sapList_BorderColor);
 @_sap_tnt_NavigationList_ItemBorderWidth: 0 0 0.0625rem 0;
 @_sap_tnt_NavigationList_ItemFocusBorderOffset: 0;
 @_sap_tnt_NavigationList_LastItemBorderStyleColor: solid transparent;
-@_sap_tnt_NavigationList_HoverBorderStyleColor: solid @sapUiListSelectionBorderColor;
+@_sap_tnt_NavigationList_HoverBorderStyleColor: solid var(--sapList_SelectionBorderColor);
 @_sap_tnt_NavigationList_HoverBorderWidth: 0.0625rem;
 @_sap_tnt_NavigationList_SelectedBorderWidth: 0.0625rem;
 @_sap_tnt_NavigationList_SelectedAndFocusedBorderStyleColor: none;
-@_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: ~"0 100% / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), @sapUiListSelectionBackgroundColor;
+@_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: ~"0 100% / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), var(--sapList_SelectionBackgroundColor);
 @_sap_tnt_NavigationList_Collapsed_SelectedItemBackgroundHover: @sapUiListSelectionHoverBackground;
-@_sap_tnt_NavigationList_Collapsed_SelectedItemBackgroundRTL: ~"100% 0 / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), @sapUiListSelectionBackgroundColor;
+@_sap_tnt_NavigationList_Collapsed_SelectedItemBackgroundRTL: ~"100% 0 / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), var(--sapList_SelectionBackgroundColor);
 @_sap_tnt_NavigationList_ItemBottomMargin: 0.25rem;
 @_sap_tnt_NavigationList_ItemBottomMarginInOverflowPopup: 0.25rem;
 @_sap_tnt_NavigationList_ParentItemBottomMarginInPopup: 0.5rem;
@@ -41,7 +41,7 @@
 @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPaddingCompact: @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding;
 @_sap_tnt_NavigationList_CollapsedIconPaddingLeft: 0.25rem;
 @_sap_tnt_NavigationList_CollapsedHiddenExpanderPadding: 1rem;
-@_sap_tnt_NavigationList_NavigationIndicator: "\E066";
+@_sap_tnt_NavigationList_NavigationIndicator: '\E066';
 @_sap_tnt_NavigationList_ExpandIconWidth: 2.25rem;
 @_sap_tnt_NavigationList_ExpandIconMarginRight: 0.375rem;
 @_sap_tnt_NavigationList_ExpandIconMarginLeft: 0.25rem;
@@ -50,4 +50,4 @@
 @_sap_tnt_NavigationList_ActionItemBorderHover: 1px solid transparent;
 @_sap_tnt_NavigationList_ActionItemBorderPosition: -1px;
 @_sap_tnt_NavigationList_ActionItemBorderHeight: auto;
-@_sap_tnt_NavigationList_ActionItemBorderPaddingLeft: calc(@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding ~"-" 0.0625rem);
+@_sap_tnt_NavigationList_ActionItemBorderPaddingLeft: calc(@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding ~"-" 0.0625rem);

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

@@ -3,11 +3,11 @@
 /* Horizon High Contrast White theme  */
 /* ================================== */
 
-@_sap_tnt_ToolPage_Background: @sapUiBaseBG;
-@_sap_tnt_ToolPage_ContentBackgroundStandard: @sapUiBaseBG;
-@_sap_tnt_ToolPage_ContentBackgroundSolid: @sapUiBaseBG;
+@_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: @sapUiGroupContentBackground;
+@_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;

package/src/sap/ui/codeeditor/themes/sap_horizon_hcb/CodeEditor.less

@@ -1,9 +1,8 @@
-/*
-/ ============================================ /
-/ CSS for control sap.ui.codeeditor/CodeEditor /
-/ Horizon High Contrast Black theme            /
-/ ============================================ /
-*/
+/* ============================================= */
+/* CSS for control sap.ui.codeeditor/CodeEditor  */
+/* Horizon High Contrast Black theme             */
+/* ============================================= */
+
 .sapCEdThemeDefault .ace_editor {
 	.ace_marker-layer .ace_selection {
 		background: #292929;

package/src/sap/ui/codeeditor/themes/sap_horizon_hcw/CodeEditor.less

@@ -1,9 +1,8 @@
-/*
-/ ============================================ /
-/ CSS for control sap.ui.codeeditor/CodeEditor /
-/ Horizon High Contrast White theme            /
-/ ============================================ /
-*/
+/* ============================================= */
+/* CSS for control sap.ui.codeeditor/CodeEditor  */
+/* Horizon High Contrast White theme             */
+/* ============================================= */
+
 .sapCEdThemeDefault .ace_editor {
 	.ace_marker-layer .ace_selection {
 		background: #EAECEE;

package/src/sap/ui/core/themes/sap_horizon/.theme

@@ -6,7 +6,7 @@
 	<copyright>OpenUI5
  * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-	<version>1.141.2</version>
+	<version>1.143.0</version>
 
 	<documentation>SAPUI5 Horizon theme library.</documentation>