@openui5/themelib_sap_horizon 1.134.0 → 1.135.0

package/src/sap/ui/core/themes/sap_horizon_hcb/global.less

@@ -21,6 +21,7 @@
 @sapUiBaseText: @sapTextColor;
 @sapUiLink: @sapLinkColor;
 @sapUiGlobalLogo: @sapCompanyLogo;
+@sapUiFavicon: @sapFavicon;
 @sapUiGlobalBackgroundImage: @sapBackgroundImage;
 @sapUiBackgroundImage: @sapBackgroundImage;
 @sapUiUx3ShellBackgroundImageURL: @sapBackgroundImage;
@@ -804,6 +805,12 @@
 @sapUiTabCriticalSelectedTextColor: @sapTab_Critical_Selected_TextColor;
 @sapUiTabCriticalSelectedIconColor: @sapTab_Critical_Selected_IconColor;
 @sapUiTabCriticalSelectedBackground: @sapTab_Critical_Selected_Background;
+@sapUiTabNeutralTextColor: @sapTab_Neutral_TextColor;
+@sapUiTabNeutralForegroundColor: @sapTab_Neutral_ForegroundColor;
+@sapUiTabNeutralIconColor: @sapTab_Neutral_IconColor;
+@sapUiTabNeutralSelectedTextColor: @sapTab_Neutral_Selected_TextColor;
+@sapUiTabNeutralSelectedIconColor: @sapTab_Neutral_Selected_IconColor;
+@sapUiTabNeutralSelectedBackground: @sapTab_Neutral_Selected_Background;
 
 @sapUiTileBackground: @sapTile_Background;
 @sapUiTileHoverBackground: @sapTile_Hover_Background;

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

@@ -6,7 +6,7 @@
 	<copyright>OpenUI5
  * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-	<version>1.134.0</version>
+	<version>1.135.0</version>
 
 	<documentation>SAPUI5 horizon high contrast white theme library.</documentation>
 

package/src/sap/ui/core/themes/sap_horizon_hcw/base.less

@@ -1,11 +1,11 @@
 // /**
-// * Copyright (c) 2012-2024 SAP SE or an SAP affiliate company and Theming Base Content contributors. Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
-// * Theming Engine 14.2.8
-// * data:{"sModified":"2024-12-12T10:42:40Z"}
+// * Copyright (c) 2012-2025 SAP SE or an SAP affiliate company. All rights reserved.
+// * Theming Engine 15.0.1
+// * data:{"sModified":"2025-03-20T15:24:53Z"}
 // */
 
 
-/******************* FILE /Base/baseLib/sap_horizon_hcw/base.less (Version 11.24.0) *******************/
+/******************* FILE /Base/baseLib/sap_horizon_hcw/base.less (Version 11.28.2) *******************/
 
 
 // [Tags "SapInternal", "Base", "Dimension", "Protected"]
@@ -160,6 +160,10 @@
 // [Protected "!true"]
 @sapCompanyLogo: none;
 
+// [Tags "!Protected"]
+// [Protected "!true"]
+@sapFavicon: @sapShell_Favicon;
+
 // [Tags "!Protected"]
 // [Protected "!true"]
 @sapBackgroundImage: none;
@@ -2799,6 +2803,30 @@
 // [Protected "!true"]
 @sapTab_Critical_Selected_Background: @sapSelectedColor;
 
+// [Tags "!Protected"]
+// [Protected "!true"]
+@sapTab_Neutral_TextColor: @sapTextColor;
+
+// [Tags "!Protected"]
+// [Protected "!true"]
+@sapTab_Neutral_ForegroundColor: @sapHC_StandardForeground;
+
+// [Tags "!Protected"]
+// [Protected "!true"]
+@sapTab_Neutral_IconColor: contrast(@sapTab_Background, @sapHC_StandardForeground, @sapContent_ContrastIconColor, @sapContent_ContrastTextThreshold);
+
+// [Tags "!Protected"]
+// [Protected "!true"]
+@sapTab_Neutral_Selected_TextColor: @sapContent_Selected_ForegroundColor;
+
+// [Tags "!Protected"]
+// [Protected "!true"]
+@sapTab_Neutral_Selected_IconColor: contrast(@sapTab_Neutral_Selected_Background, @sapTextColor, @sapContent_ContrastIconColor, @sapContent_ContrastTextThreshold);
+
+// [Tags "!Protected"]
+// [Protected "!true"]
+@sapTab_Neutral_Selected_Background: @sapSelectedColor;
+
 // [Tags "!Protected"]
 // [Protected "!true"]
 @sapTile_Background: @sapBackgroundColor;
@@ -2963,6 +2991,9 @@
 @sapIndicationColor_1_Selected_Background: @sapButton_Selected_Background;
 @sapIndicationColor_1_Selected_BorderColor: @sapButton_Selected_BorderColor;
 @sapIndicationColor_1_Selected_TextColor: @sapIndicationColor_1_TextColor;
+
+// [Tags "!Protected"]
+// [Protected "!true"]
 @sapIndicationColor_1b: @sapIndicationColor_1;
 @sapIndicationColor_1b_TextColor: @sapTextColor;
 @sapIndicationColor_1b_Background: @sapBackgroundColor;
@@ -2997,6 +3028,9 @@
 @sapIndicationColor_2_Selected_Background: @sapButton_Selected_Background;
 @sapIndicationColor_2_Selected_BorderColor: @sapButton_Selected_BorderColor;
 @sapIndicationColor_2_Selected_TextColor: @sapIndicationColor_2_TextColor;
+
+// [Tags "!Protected"]
+// [Protected "!true"]
 @sapIndicationColor_2b: @sapIndicationColor_2;
 @sapIndicationColor_2b_TextColor: @sapTextColor;
 @sapIndicationColor_2b_Background: @sapBackgroundColor;
@@ -3031,6 +3065,9 @@
 @sapIndicationColor_3_Selected_Background: @sapButton_Selected_Background;
 @sapIndicationColor_3_Selected_BorderColor: @sapButton_Selected_BorderColor;
 @sapIndicationColor_3_Selected_TextColor: @sapIndicationColor_3_TextColor;
+
+// [Tags "!Protected"]
+// [Protected "!true"]
 @sapIndicationColor_3b: @sapIndicationColor_3;
 @sapIndicationColor_3b_TextColor: @sapTextColor;
 @sapIndicationColor_3b_Background: @sapBackgroundColor;
@@ -3065,6 +3102,9 @@
 @sapIndicationColor_4_Selected_Background: @sapButton_Selected_Background;
 @sapIndicationColor_4_Selected_BorderColor: @sapButton_Selected_BorderColor;
 @sapIndicationColor_4_Selected_TextColor: @sapIndicationColor_4_TextColor;
+
+// [Tags "!Protected"]
+// [Protected "!true"]
 @sapIndicationColor_4b: @sapIndicationColor_4;
 @sapIndicationColor_4b_TextColor: @sapTextColor;
 @sapIndicationColor_4b_Background: @sapBackgroundColor;
@@ -3099,6 +3139,9 @@
 @sapIndicationColor_5_Selected_Background: @sapButton_Selected_Background;
 @sapIndicationColor_5_Selected_BorderColor: @sapButton_Selected_BorderColor;
 @sapIndicationColor_5_Selected_TextColor: @sapIndicationColor_5_TextColor;
+
+// [Tags "!Protected"]
+// [Protected "!true"]
 @sapIndicationColor_5b: @sapIndicationColor_5;
 @sapIndicationColor_5b_TextColor: @sapTextColor;
 @sapIndicationColor_5b_Background: @sapBackgroundColor;
@@ -3133,6 +3176,9 @@
 @sapIndicationColor_6_Selected_Background: @sapButton_Selected_Background;
 @sapIndicationColor_6_Selected_BorderColor: @sapButton_Selected_BorderColor;
 @sapIndicationColor_6_Selected_TextColor: @sapIndicationColor_6_TextColor;
+
+// [Tags "!Protected"]
+// [Protected "!true"]
 @sapIndicationColor_6b: @sapIndicationColor_6;
 @sapIndicationColor_6b_TextColor: @sapTextColor;
 @sapIndicationColor_6b_Background: @sapBackgroundColor;
@@ -3167,6 +3213,9 @@
 @sapIndicationColor_7_Selected_Background: @sapButton_Selected_Background;
 @sapIndicationColor_7_Selected_BorderColor: @sapButton_Selected_BorderColor;
 @sapIndicationColor_7_Selected_TextColor: @sapIndicationColor_7_TextColor;
+
+// [Tags "!Protected"]
+// [Protected "!true"]
 @sapIndicationColor_7b: @sapIndicationColor_7;
 @sapIndicationColor_7b_TextColor: @sapTextColor;
 @sapIndicationColor_7b_Background: @sapBackgroundColor;
@@ -3201,6 +3250,9 @@
 @sapIndicationColor_8_Selected_Background: @sapButton_Selected_Background;
 @sapIndicationColor_8_Selected_BorderColor: @sapButton_Selected_BorderColor;
 @sapIndicationColor_8_Selected_TextColor: @sapIndicationColor_8_TextColor;
+
+// [Tags "!Protected"]
+// [Protected "!true"]
 @sapIndicationColor_8b: @sapIndicationColor_8;
 @sapIndicationColor_8b_TextColor: @sapTextColor;
 @sapIndicationColor_8b_Background: @sapBackgroundColor;
@@ -3235,6 +3287,9 @@
 @sapIndicationColor_9_Selected_Background: @sapButton_Selected_Background;
 @sapIndicationColor_9_Selected_BorderColor: @sapButton_Selected_BorderColor;
 @sapIndicationColor_9_Selected_TextColor: @sapIndicationColor_9_TextColor;
+
+// [Tags "!Protected"]
+// [Protected "!true"]
 @sapIndicationColor_9b: @sapIndicationColor_9;
 @sapIndicationColor_9b_TextColor: @sapTextColor;
 @sapIndicationColor_9b_Background: @sapBackgroundColor;
@@ -3269,6 +3324,9 @@
 @sapIndicationColor_10_Selected_Background: @sapButton_Selected_Background;
 @sapIndicationColor_10_Selected_BorderColor: @sapButton_Selected_BorderColor;
 @sapIndicationColor_10_Selected_TextColor: @sapIndicationColor_10_TextColor;
+
+// [Tags "!Protected"]
+// [Protected "!true"]
 @sapIndicationColor_10b: @sapIndicationColor_10;
 @sapIndicationColor_10b_TextColor: @sapTextColor;
 @sapIndicationColor_10b_Background: @sapBackgroundColor;

package/src/sap/ui/core/themes/sap_horizon_hcw/global.less

@@ -21,6 +21,7 @@
 @sapUiBaseText: @sapTextColor;
 @sapUiLink: @sapLinkColor;
 @sapUiGlobalLogo: @sapCompanyLogo;
+@sapUiFavicon: @sapFavicon;
 @sapUiGlobalBackgroundImage: @sapBackgroundImage;
 @sapUiBackgroundImage: @sapBackgroundImage;
 @sapUiUx3ShellBackgroundImageURL: @sapBackgroundImage;
@@ -804,6 +805,12 @@
 @sapUiTabCriticalSelectedTextColor: @sapTab_Critical_Selected_TextColor;
 @sapUiTabCriticalSelectedIconColor: @sapTab_Critical_Selected_IconColor;
 @sapUiTabCriticalSelectedBackground: @sapTab_Critical_Selected_Background;
+@sapUiTabNeutralTextColor: @sapTab_Neutral_TextColor;
+@sapUiTabNeutralForegroundColor: @sapTab_Neutral_ForegroundColor;
+@sapUiTabNeutralIconColor: @sapTab_Neutral_IconColor;
+@sapUiTabNeutralSelectedTextColor: @sapTab_Neutral_Selected_TextColor;
+@sapUiTabNeutralSelectedIconColor: @sapTab_Neutral_Selected_IconColor;
+@sapUiTabNeutralSelectedBackground: @sapTab_Neutral_Selected_Background;
 
 @sapUiTileBackground: @sapTile_Background;
 @sapUiTileHoverBackground: @sapTile_Hover_Background;

package/src/sap/ui/table/themes/sap_horizon/Cell.less

@@ -3,16 +3,17 @@
 /* Horizon theme             */
 /* ========================= */
 
-@_sap_ui_table_Cell_FocusOutlineOffset: calc(-@sapUiContentFocusWidth ~"- 0.0625rem");
-@_sap_ui_table_Cell_BorderColorSelected: @sapUiListSelectionBorderColor;
-@_sap_ui_table_Cell_BorderColorFixedSelected: @sapUiListSelectionBorderColor;
+@_sap_ui_table_Cell_FocusOutlineOffset: ~"calc((var(--sapContent_FocusWidth) * -1) - 0.0625rem)";
+@_sap_ui_table_Cell_BorderColorSelected: var(--sapList_SelectionBorderColor);
+@_sap_ui_table_Cell_BorderColorFixedSelected: var(--sapList_SelectionBorderColor);
 @_sap_ui_table_Cell_ShadowColorFixed: @sapUiListTableFixedBorder;
 @_sap_ui_table_Cell_BorderBottomFocus: transparent;
 @_sap_ui_table_Cell_DummyBorderColor: @sapUiListTableFixedBorder;
 
 .sapUiTableCellDummy {
+
 	.sapUiTableContentRow & {
-		background-color: @sapUiListBackground !important;
+		background-color: var(--sapList_Background) !important;
 	}
 }
 
@@ -24,8 +25,9 @@
  * Focus outline in Condensed mode
  */
 .sapUiSizeCondensed .sapUiTableCell:focus {
+
 	&::before {
-		outline: 0.0625rem @sapUiContentFocusStyle @sapUiContentFocusColor;
+		outline: 0.0625rem var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 		outline-offset: -1px;
 	}
 }

package/src/sap/ui/table/themes/sap_horizon/Grouping.less

@@ -3,32 +3,32 @@
 /* Horizon theme                  */
 /* ============================== */
 
-/*TBD: Adjustments for sapUiTableTreeIcon might be obsolete when Icon is adjusted*/
+/*TBD: Adjustments for sapUiTableTreeIcon might be obsolete when Icon is adjusted */
 
 .sapUiTableTreeIcon {
-    border-radius: @sapUiButtonBorderCornerRadius;
-    box-sizing: border-box;
-    margin-right: 2px;
+	border-radius: var(--sapButton_BorderCornerRadius);
+	box-sizing: border-box;
+	margin-right: 2px;
 }
 
 .sapUiSizeCompact .sapUiTableTreeIcon {
-    height: @_sap_ui_table_BaseSizeCondensed;
+	height: @_sap_ui_table_BaseSizeCondensed;
 }
 
 .sapUiTableTreeIcon:active::before {
-    color: @sapUiButtonActiveTextColor;
+	color: var(--sapButton_Active_TextColor);
 }
 
 .sapUiTableTreeIcon:hover {
-    color: @sapUiButtonHoverTextColor;
-    border: 1px solid @sapUiButtonHoverBorderColor;
-    background: @sapUiButtonHoverBackground;
+	color: var(--sapButton_Hover_TextColor);
+	border: 1px solid var(--sapButton_Hover_BorderColor);
+	background: var(--sapButton_Hover_Background);
 }
 
 .sapUiTableTreeIcon:active {
-    border: 1px solid @sapUiButtonActiveBorderColor;
+	border: 1px solid var(--sapButton_Active_BorderColor);
 }
 
 .sapUiTableTreeIcon:active:focus {
-    outline: none;
+	outline: none;
 }

package/src/sap/ui/table/themes/sap_horizon/RowAction.less

@@ -1,31 +1,31 @@
 /* ======================================= */
 /* CSS for control sap.ui.table/RowAction  */
-/* Horizon theme                              */
+/* Morning Horizon theme                   */
 /* ======================================= */
 
-/*TBD: Adjustments for sapUiTableActionIcon might be obsolete when Icon is adjusted*/
+/*TBD: Adjustments for sapUiTableActionIcon might be obsolete when Icon is adjusted */
 
 .sapUiTableActionIcon {
-	border-radius: @sapUiButtonBorderCornerRadius;
+	border-radius: var(--sapButton_BorderCornerRadius);
 	box-sizing: border-box;
-	color: @sapUiButtonLiteTextColor;
+	color: var(--sapButton_Lite_TextColor);
 }
 
 .sapUiTableActionIcon:hover {
-	border: 1px solid @sapUiButtonHoverBorderColor;
-	background: @sapUiButtonHoverBackground;
+	border: 1px solid var(--sapButton_Hover_BorderColor);
+	background: var(--sapButton_Hover_Background);
 }
 
 .sapUiTableActionIcon:active {
-	color: @sapUiButtonActiveTextColor;
-	border: 1px solid @sapUiButtonActiveBorderColor;
+	color: var(--sapButton_Active_TextColor);
+	border: 1px solid var(--sapButton_Active_BorderColor);
 }
 
 .sapUiTableActionIcon.sapUiIcon:focus {
-	outline-width: @sapUiContentFocusWidth;
-	outline-style: @sapUiContentFocusStyle;
-	outline-color: @sapUiContentFocusColor;
-	outline-offset: -@sapUiContentFocusWidth;
+	outline-width: var(--sapContent_FocusWidth);
+	outline-style: var(--sapContent_FocusStyle);
+	outline-color: var(--sapContent_FocusColor);
+	outline-offset: ~"calc(var(--sapContent_FocusWidth) * -1)";
 }
 
 .sapUiTableActionIcon:active:focus {

package/src/sap/ui/table/themes/sap_horizon/RowSelection.less

@@ -1,19 +1,19 @@
 /* ================================== */
 /* CSS for sap.ui.table/RowSelection  */
-/* Horizon theme                      */
+/* Morning Horizon theme              */
 /* ================================== */
 
 @_sap_ui_table_RowSelection_CheckBoxBorderWidth: 0.0625rem; /*@sapUiFieldBorderWidth;*/
-@_sap_ui_table_RowSelection_CheckBoxBorderRadius: @sapUiFieldBorderCornerRadius;
-@_sap_ui_table_RowSelection_CheckBoxBorderRadiusCozy: @sapUiFieldBorderCornerRadius;
+@_sap_ui_table_RowSelection_CheckBoxBorderRadius: var(--sapField_BorderCornerRadius);
+@_sap_ui_table_RowSelection_CheckBoxBorderRadiusCozy: var(--sapField_BorderCornerRadius);
 
 .sapUiTableRowSelectionHeaderCell:not(.sapUiTableSelAll) .sapUiTableSelectAllCheckBox::after,
 .sapUiTableSelModeMultiToggle .sapUiTableRowSel .sapUiTableRowSelectionCell::after {
-    border-color: @sapUiContentFocusColor;
+	border-color: var(--sapContent_FocusColor);
 }
 
 .sapUiTableRowSelectionHeaderCell:hover .sapUiTableSelectAllCheckBox::after,
-.sapUiTableRowHvr .sapUiTableRowSelectionCell::after{
-    background-color: @sapUiFieldHoverBackground;
-    box-shadow: @sapUiContentInteractionShadow;
+.sapUiTableRowHvr .sapUiTableRowSelectionCell::after {
+	background-color: var(--sapField_Hover_Background);
+	box-shadow: var(--sapContent_Interaction_Shadow);
 }

package/src/sap/ui/table/themes/sap_horizon/Scrolling.less

@@ -1,9 +1,10 @@
 /* ================================== */
 /* CSS for sap.ui.table/Scrolling     */
-/* Horizon theme                      */
+/* Morning Horizon theme              */
 /* ================================== */
 
 ._sap_ui_table_Scrolling_NativeScrollbarDesktop() {
+
 	&::-webkit-scrollbar-thumb:vertical {
 		border-left-width: 0.25rem !important;
 		border-right-width: 0.25rem !important;

package/src/sap/ui/table/themes/sap_horizon/Table.less

@@ -1,18 +1,18 @@
 /* =================================== */
 /* CSS for control sap.ui.table/Table  */
-/* Horizon theme                       */
+/* Morning Horizon theme               */
 /* =================================== */
 
 @_sap_ui_table_Table_HeaderPaddingRight: 0.5rem;
 @_sap_ui_table_Table_FooterPaddingRight: 0.5rem;
 
 .sapUiTableExt .sapMTBHeader-CTX:first-child {
-    border-top-right-radius: @sapUiElementBorderCornerRadius;
-    border-top-left-radius: @sapUiElementBorderCornerRadius;
+	border-top-right-radius: var(--sapElement_BorderCornerRadius);
+	border-top-left-radius: var(--sapElement_BorderCornerRadius);
 }
 
 .sapUiTableCnt {
-    background-color: @sapUiListBackground;
+	background-color: var(--sapList_Background);
 	border: transparent;
 }
 

package/src/sap/ui/table/themes/sap_horizon_dark/Cell.less

@@ -3,16 +3,17 @@
 /* Evening Horizon theme      */
 /* ========================== */
 
-@_sap_ui_table_Cell_FocusOutlineOffset: calc(-@sapUiContentFocusWidth ~"- 0.0625rem");
-@_sap_ui_table_Cell_BorderColorSelected: @sapUiListSelectionBorderColor;
-@_sap_ui_table_Cell_BorderColorFixedSelected: @sapUiListSelectionBorderColor;
+@_sap_ui_table_Cell_FocusOutlineOffset: ~"calc((var(--sapContent_FocusWidth) * -1) - 0.0625rem)";
+@_sap_ui_table_Cell_BorderColorSelected: var(--sapList_SelectionBorderColor);
+@_sap_ui_table_Cell_BorderColorFixedSelected: var(--sapList_SelectionBorderColor);
 @_sap_ui_table_Cell_ShadowColorFixed: @sapUiListTableFixedBorder;
 @_sap_ui_table_Cell_BorderBottomFocus: transparent;
 @_sap_ui_table_Cell_DummyBorderColor: @sapUiListTableFixedBorder;
 
 .sapUiTableCellDummy {
+
 	.sapUiTableContentRow & {
-		background-color: @sapUiListBackground !important;
+		background-color: var(--sapList_Background) !important;
 	}
 }
 
@@ -24,8 +25,9 @@
  * Focus outline in Condensed mode
  */
 .sapUiSizeCondensed .sapUiTableCell:focus {
+
 	&::before {
-		outline: 0.0625rem @sapUiContentFocusStyle @sapUiContentFocusColor;
+		outline: 0.0625rem var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 		outline-offset: -1px;
 	}
 }

package/src/sap/ui/table/themes/sap_horizon_dark/Grouping.less

@@ -3,32 +3,32 @@
 /* Evening Horizon theme          */
 /* ============================== */
 
-/*TBD: Adjustments for sapUiTableTreeIcon might be obsolete when Icon is adjusted*/
+/*TBD: Adjustments for sapUiTableTreeIcon might be obsolete when Icon is adjusted */
 
 .sapUiTableTreeIcon {
-    border-radius: @sapUiButtonBorderCornerRadius;
-    box-sizing: border-box;
-    margin-right: 2px;
+	border-radius: var(--sapButton_BorderCornerRadius);
+	box-sizing: border-box;
+	margin-right: 2px;
 }
 
 .sapUiSizeCompact .sapUiTableTreeIcon {
-    height: @_sap_ui_table_BaseSizeCondensed;
+	height: @_sap_ui_table_BaseSizeCondensed;
 }
 
 .sapUiTableTreeIcon:active::before {
-    color: @sapUiButtonActiveTextColor;
+	color: var(--sapButton_Active_TextColor);
 }
 
 .sapUiTableTreeIcon:hover {
-    color: @sapUiButtonHoverTextColor;
-    border: 1px solid @sapUiButtonHoverBorderColor;
-    background: @sapUiButtonHoverBackground;
+	color: var(--sapButton_Hover_TextColor);
+	border: 1px solid var(--sapButton_Hover_BorderColor);
+	background: var(--sapButton_Hover_Background);
 }
 
 .sapUiTableTreeIcon:active {
-    border: 1px solid @sapUiButtonActiveBorderColor;
+	border: 1px solid var(--sapButton_Active_BorderColor);
 }
 
 .sapUiTableTreeIcon:active:focus {
-    outline: none;
+	outline: none;
 }

package/src/sap/ui/table/themes/sap_horizon_dark/RowAction.less

@@ -6,26 +6,26 @@
 /*TBD: Adjustments for sapUiTableActionIcon might be obsolete when Icon is adjusted*/
 
 .sapUiTableActionIcon {
-	border-radius: @sapUiButtonBorderCornerRadius;
+	border-radius: var(--sapButton_BorderCornerRadius);
 	box-sizing: border-box;
-	color: @sapUiButtonLiteTextColor;
+	color: var(--sapButton_Lite_TextColor);
 }
 
 .sapUiTableActionIcon:hover {
-	border: 1px solid @sapUiButtonHoverBorderColor;
-	background: @sapUiButtonHoverBackground;
+	border: 1px solid var(--sapButton_Hover_BorderColor);
+	background: var(--sapButton_Hover_Background);
 }
 
 .sapUiTableActionIcon:active {
-	color: @sapUiButtonActiveTextColor;
-	border: 1px solid @sapUiButtonActiveBorderColor;
+	color: var(--sapButton_Active_TextColor);
+	border: 1px solid var(--sapButton_Active_BorderColor);
 }
 
 .sapUiTableActionIcon.sapUiIcon:focus {
-	outline-width: @sapUiContentFocusWidth;
-	outline-style: @sapUiContentFocusStyle;
-	outline-color: @sapUiContentFocusColor;
-	outline-offset: -@sapUiContentFocusWidth;
+	outline-width: var(--sapContent_FocusWidth);
+	outline-style: var(--sapContent_FocusStyle);
+	outline-color: var(--sapContent_FocusColor);
+	outline-offset: ~"calc(var(--sapContent_FocusWidth) * -1)";
 }
 
 .sapUiTableActionIcon:active:focus {

package/src/sap/ui/table/themes/sap_horizon_dark/RowSelection.less

@@ -4,16 +4,16 @@
 /* ================================== */
 
 @_sap_ui_table_RowSelection_CheckBoxBorderWidth: 0.0625rem; /*@sapUiFieldBorderWidth;*/
-@_sap_ui_table_RowSelection_CheckBoxBorderRadius: @sapUiFieldBorderCornerRadius;
-@_sap_ui_table_RowSelection_CheckBoxBorderRadiusCozy: @sapUiFieldBorderCornerRadius;
+@_sap_ui_table_RowSelection_CheckBoxBorderRadius: var(--sapField_BorderCornerRadius);
+@_sap_ui_table_RowSelection_CheckBoxBorderRadiusCozy: var(--sapField_BorderCornerRadius);
 
 .sapUiTableRowSelectionHeaderCell:not(.sapUiTableSelAll) .sapUiTableSelectAllCheckBox::after,
 .sapUiTableSelModeMultiToggle .sapUiTableRowSel .sapUiTableRowSelectionCell::after {
-    border-color: @sapUiContentFocusColor;
+	border-color: var(--sapContent_FocusColor);
 }
 
 .sapUiTableRowSelectionHeaderCell:hover .sapUiTableSelectAllCheckBox::after,
-.sapUiTableRowHvr .sapUiTableRowSelectionCell::after{
-    background-color: @sapUiFieldHoverBackground;
-    box-shadow: @sapUiContentInteractionShadow;
+.sapUiTableRowHvr .sapUiTableRowSelectionCell::after {
+	background-color: var(--sapField_Hover_Background);
+	box-shadow: var(--sapContent_Interaction_Shadow);
 }

package/src/sap/ui/table/themes/sap_horizon_dark/Scrolling.less

@@ -4,6 +4,7 @@
 /* ================================== */
 
 ._sap_ui_table_Scrolling_NativeScrollbarDesktop() {
+
 	&::-webkit-scrollbar-thumb:vertical {
 		border-left-width: 0.25rem !important;
 		border-right-width: 0.25rem !important;

package/src/sap/ui/table/themes/sap_horizon_dark/Table.less

@@ -7,12 +7,12 @@
 @_sap_ui_table_Table_FooterPaddingRight: 0.5rem;
 
 .sapUiTableExt .sapMTBHeader-CTX:first-child {
-    border-top-right-radius: @sapUiElementBorderCornerRadius;
-    border-top-left-radius: @sapUiElementBorderCornerRadius;
+	border-top-right-radius: var(--sapElement_BorderCornerRadius);
+	border-top-left-radius: var(--sapElement_BorderCornerRadius);
 }
 
 .sapUiTableCnt {
-    background-color: @sapUiListBackground;
+	background-color: var(--sapList_Background);
 	border: transparent;
 }
 

package/src/sap/ui/table/themes/sap_horizon_hcb/Cell.less

@@ -3,8 +3,8 @@
 /* Horizon High Contrast Black theme  */
 /* ================================== */
 
-@_sap_ui_table_Cell_FocusOutlineOffset: calc(-@sapUiContentFocusWidth ~"- 0.0625rem");
-@_sap_ui_table_Cell_BorderColorSelected: @sapUiListSelectionBorderColor;
+@_sap_ui_table_Cell_FocusOutlineOffset: ~"calc((var(--sapContent_FocusWidth) * -1) - 0.0625rem)";
+@_sap_ui_table_Cell_BorderColorSelected: var(--sapList_SelectionBorderColor);
 @_sap_ui_table_Cell_DummyBorderColor: @sapUiListTableFixedBorder;
 
 .sapUiTableGroupMode .sapUiTableCell.sapUiTableRowSelectionCell {
@@ -15,8 +15,9 @@
  * Focus outline in Condensed mode
  */
 .sapUiSizeCondensed .sapUiTableCell:focus {
+
 	&::before {
-		outline: 0.0625rem @sapUiContentFocusStyle @sapUiContentFocusColor;
+		outline: 0.0625rem var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 		outline-offset: -1px;
 	}
 }

package/src/sap/ui/table/themes/sap_horizon_hcb/DragDrop.less

@@ -3,4 +3,4 @@
 /* Horizon High Contrast Black theme  */
 /* ================================== */
 
-@_sap_ui_table_DragDrop_ColumnDnDHighlightColor: @sapUiContentDragAndDropActiveColor;
+@_sap_ui_table_DragDrop_ColumnDnDHighlightColor: var(--sapContent_DragAndDropActiveColor);

package/src/sap/ui/table/themes/sap_horizon_hcb/Row.less

@@ -3,5 +3,5 @@
 /* Horizon High Contrast Black theme  */
 /* ================================== */
 
-@_sap_ui_table_Row_ColorHovered: @sapUiContentContrastTextColor;
-@_sap_ui_table_Row_NavigationIndicatorColor: @sapUiListSelectionBorderColor;
+@_sap_ui_table_Row_ColorHovered: var(--sapContent_ContrastTextColor);
+@_sap_ui_table_Row_NavigationIndicatorColor: var(--sapList_SelectionBorderColor);

package/src/sap/ui/table/themes/sap_horizon_hcb/RowHighlight.less

@@ -3,4 +3,4 @@
 /* Horizon High Contrast Black theme  */
 /* ================================== */
 
-@_sap_ui_table_RowHighlight_InformationColor: @sapUiAccent6;
+@_sap_ui_table_RowHighlight_InformationColor: var(--sapAccentColor6);

package/src/sap/ui/table/themes/sap_horizon_hcb/RowSelection.less

@@ -3,7 +3,7 @@
 /* Horizon High Contrast Black theme  */
 /* ================================== */
 
-@_sap_ui_table_RowSelection_CheckBoxIconColor: @sapUiContentIconColor;
-@_sap_ui_table_RowSelection_CheckBoxBorderWidth: @sapUiFieldBorderWidth;
-@_sap_ui_table_RowSelection_CheckBoxBorderRadius: @sapUiFieldBorderCornerRadius;
-@_sap_ui_table_RowSelection_CheckBoxBorderRadiusCozy: @sapUiFieldBorderCornerRadius;
+@_sap_ui_table_RowSelection_CheckBoxIconColor: var(--sapContent_IconColor);
+@_sap_ui_table_RowSelection_CheckBoxBorderWidth: var(--sapField_BorderWidth);
+@_sap_ui_table_RowSelection_CheckBoxBorderRadius: var(--sapField_BorderCornerRadius);
+@_sap_ui_table_RowSelection_CheckBoxBorderRadiusCozy: var(--sapField_BorderCornerRadius);

package/src/sap/ui/table/themes/sap_horizon_hcb/Scrolling.less

@@ -4,6 +4,7 @@
 /* ================================== */
 
 ._sap_ui_table_Scrolling_NativeScrollbarDesktop() {
+
 	&::-webkit-scrollbar-thumb:vertical {
 		border-left-width: 0.25rem !important;
 		border-right-width: 0.25rem !important;

package/src/sap/ui/table/themes/sap_horizon_hcb/Table.less

@@ -7,11 +7,11 @@
 @_sap_ui_table_Table_TableHeaderBorderWidth: 3px;
 
 ._sap_ui_table_Table_TitleContainer() {
-	border-bottom: 3px solid @sapUiListHeaderBorderColor;
+	border-bottom: 3px solid var(--sapList_HeaderBorderColor);
 }
 
 ._sap_ui_table_Table_ExtensionContainer() {
-	border-bottom: @_sap_ui_table_BaseBorderWidth solid @sapUiListHeaderBorderColor;
+	border-bottom: @_sap_ui_table_BaseBorderWidth solid var(--sapList_HeaderBorderColor);
 	padding: 0.125rem;
 }