@openui5/themelib_sap_horizon 1.143.1 → 1.144.0

package/src/sap/ui/rta/themes/sap_horizon_hcw/Dialogs.less

@@ -1,31 +1,35 @@
-/***********************************************************************
-	Style of Dialogs shown in RTA - Horizon High Contrast White theme
-************************************************************************/
-@_sap_ui_rta_Dialogs_BorderLightColor: @sapUiContentShadowColor; //#000
-@_sap_ui_rta_Dialogs_BorderDarkColor: @sapUiShellBackground; //#fff
-@_sap_ui_rta_Dialogs_BorderRadius: @sapUiButtonBorderCornerRadius; //0.375rem
+/* =================================== */
+/* CSS for control sap.ui.rta/Dialogs  */
+/* Horizon High Contrast White theme   */
+/* =================================== */
+
+@_sap_ui_rta_Dialogs_BorderLightColor: var(--sapContent_ShadowColor); /* #000 */
+@_sap_ui_rta_Dialogs_BorderDarkColor: var(--sapShell_Background); /* #fff */
+@_sap_ui_rta_Dialogs_BorderRadius: var(--sapButton_BorderCornerRadius); /* 0.375rem */
 
 .sapMDialog.sapUiRTABorder {
 	border: 0.188rem solid @_sap_ui_rta_Dialogs_BorderLightColor;
 	border-image: none;
 	border-radius: @_sap_ui_rta_Dialogs_BorderRadius;
-	outline: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; //4px
+	outline: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; /* 4px */
 	outline-offset: -0.125rem;
 }
 
 .sapUiRtaPopover {
 
-	&.sapMPopover, .sapMPopover {
-		border: 0.188rem solid @_sap_ui_rta_Dialogs_BorderLightColor; //3px
+	&.sapMPopover,
+	.sapMPopover {
+		border: 0.188rem solid @_sap_ui_rta_Dialogs_BorderLightColor; /* 3px */
 		border-image: none;
 		border-radius: @_sap_ui_rta_Dialogs_BorderRadius;
-		outline: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; //4px
-		outline-offset: -0.125rem; //4px
+		outline: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; /* 4px */
+		outline-offset: -0.125rem; /* 4px */
 	}
 
 	&.sapMPopoverArr, .sapMPopoverArr {
 		&:after {
-			border: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderLightColor; //3px
+			/* Arrow border needs to be solid and smaller than the popover border to avoid visual glitches */
+			border: 0.125rem solid @_sap_ui_rta_Dialogs_BorderDarkColor; /* 2px */
 			border-image: none;
 		}
 	}

package/src/sap/ui/rta/themes/sap_horizon_hcw/Overlay.less

@@ -1,27 +1,36 @@
-/******************************************************************
-	Style of the RTA Overlays - Horizon High Contrast White theme
-*******************************************************************/
-@_sap_ui_rta_Overlay_ResizeHandleColor: darken(@sapUiSelected, 25%); //#004adc
-@_sap_ui_rta_Overlay_PlaceholderBackgroundColor: @sapUiContentImagePlaceholderBackground; //#fff
+/* =================================== */
+/* CSS for control sap.ui.rta/Overlay  */
+/* Horizon High Contrast White theme   */
+/* =================================== */
+
+@_sap_ui_rta_Overlay_ResizeHandleColor: darken(@sapUiSelected, 25%); /* #004adc */
+@_sap_ui_rta_Overlay_PlaceholderBackgroundColor: @sapUiContentImagePlaceholderBackground; /* #fff */
 
 .sapUiRta {
+
 	.sapUiDtOverlayDropZone {
+
 		> .sapUiDtOverlayChildren {
+
 			> .sapUiRtaOverlayPlaceholder {
 				background: @_sap_ui_rta_Overlay_PlaceholderBackgroundColor !important;
-				// no "focus" border
+
+				/* no "focus" border */
 				&:focus {
-					&:before {
+
+					&::before {
 						content: none;
 					}
 				}
 
-				// all descendants
+				/* all descendants */
 				* {
 					background: @_sap_ui_rta_Overlay_PlaceholderBackgroundColor;
-					// no "focus" border
+
+					/* no "focus" border */
 					&:focus {
-						&:before {
+
+						&::before {
 							content: none;
 						}
 					}

package/src/sap/ui/rta/themes/sap_horizon_hcw/Toolbar.adaptation.less

@@ -1,47 +1,59 @@
-/***********************************************************************************
-	Style of the RTA Toolbar (type: adaptation) - Horizon High Contrast White theme
-************************************************************************************/
-@_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiShellTextColor; //#000
-@_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor: @sapUiContentFocusColor; //#000
-@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: @sapUiContentSearchHighlightColor; //#e97624;
-@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: @sapUiContentHelpColor; //#006800
-@_sap_ui_rta_Toolbar_Adaptation_BoxShadowDarkColor: fade(@sapUiContentShadowColor, 80%); //rgba(0, 0, 0, 0.8)
-@_sap_ui_rta_Toolbar_Adaptation_BoxShadowLightColor: @sapUiShellBackground; //#fff
-@_sap_ui_rta_Toolbar_Adaptation_HoverTextColor: @sapUiShellBackground; //#fff
+/* ============================================== */
+/* CSS for control sap.ui.rta/Toolbar.adaptation  */
+/* Horizon High Contrast White theme              */
+/* ============================================== */
+
+@_sap_ui_rta_Toolbar_Adaptation_TextColor: var(--sapShell_TextColor); /* #000 */
+@_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor: var(--sapContent_FocusColor); /* #000 */
+@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: var(--sapContent_SearchHighlightColor); /* #e97624 */
+@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: var(--sapContent_HelpColor); /* #006800 */
+@_sap_ui_rta_Toolbar_Adaptation_HoverTextColor: var(--sapShell_Background); /* #fff */
 
 .sapUiRtaMode {
+
 	.sapUiRtaToolbar.sapUiRtaToolbarAdaptation {
+
 		.sapMBtn {
+
 			&:focus .sapMFocusable {
 				outline: 0.125rem dotted @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor;
-				outline-offset: -0.125rem; //2px
+				outline-offset: -0.125rem; /* 2px */
 				border-color: transparent;
 			}
+
 			&:hover {
-				&>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
+
+				& > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
+
 					bdi {
 						color: @_sap_ui_rta_Toolbar_Adaptation_HoverTextColor;
 					}
 				}
 			}
 		}
+
 		.sapMBtnTransparent.sapMBtnHoverable:hover {
+
 			.sapUiIcon:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized) {
 				color: @_sap_ui_rta_Toolbar_Adaptation_HoverTextColor;
 			}
 		}
 
 		.sapMSegB {
+
 			.sapMSegBBtn {
+
 				&.sapMSegBBtnFocusable {
+
 					&:focus .sapMSegBBtnInner {
-						outline-width: 0.125rem; //2px
-						outline-offset: -0.25rem; //-4px
+						outline-width: 0.125rem; /* 2px */
+						outline-offset: -0.25rem; /* -4px */
 					}
 				}
 
 				&.sapMSegBBtnSel .sapMSegBBtnInner {
-					&:after {
+
+					&::after {
 						content: none !important;
 					}
 				}
@@ -53,18 +65,26 @@
 		}
 	}
 
-	// set text to white on hover for better accessibility
+	/* set text to white on hover for better accessibility */
 	.sapUiRtaVersionHistory {
+
 		.sapMLIBHoverable:hover {
+
 			.sapMLIBContent {
+
 				.sapMFeedListItem {
+
 					.sapMFeedListItemText {
+
 						.sapMFeedListItemTextText {
+
 							.sapMFeedListItemTextString {
 								color: @_sap_ui_rta_Toolbar_Adaptation_HoverTextColor;
 							}
 						}
+
 						.sapMFeedListItemFooter {
+
 							.sapMFeedListItemInfoText,
 							.sapMFeedListItemTimestampText {
 								color: @_sap_ui_rta_Toolbar_Adaptation_HoverTextColor;

package/src/sap/ui/rta/themes/sap_horizon_hcw/Toolbar.base.less

@@ -1,11 +1,11 @@
-/******************************************************************************
-	Style of the RTA Toolbar (all types) - Horizon High Contrast White theme
-*******************************************************************************/
-@_sap_ui_rta_Toolbar_Base_OutlineColor: @sapUiShellBorderColor; //#000
-@_sap_ui_rta_Toolbar_Base_BoxShadowDarkColor: fade(@sapUiContentShadowColor, 80%); //rgba(0, 0, 0, 0.8)
-@_sap_ui_rta_Toolbar_Base_BoxShadowLightColor: @sapUiShellBackground; //#fff
+/* ======================================== */
+/* CSS for control sap.ui.rta/Toolbar.base  */
+/* Horizon High Contrast White theme        */
+/* ======================================== */
 
+@_sap_ui_rta_Toolbar_Base_OutlineColor: var(--sapShell_BorderColor); /* #000 */
 .sapUiRtaMode {
+
 	.sapUiRtaToolbar {
 		outline: 0.125rem dashed @_sap_ui_rta_Toolbar_Base_OutlineColor;
 		outline-offset: -0.125rem;

package/src/sap/ui/rta/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.
  */
 @import "../base/library.source.less";
@@ -10,7 +10,6 @@
 @import "ChangeVisualization.less";
 @import "ContextMenu.less";
 @import "Dialogs.less";
-@import "FieldRepository.less";
 @import "Overlay.less";
 @import "Toolbar.adaptation.less";
 @import "Toolbar.base.less";

package/src/sap/ui/suite/themes/sap_horizon/TaskCircle.less

@@ -1,28 +1,28 @@
 /* ======================================== */
 /* CSS for control sap.ui.suite/TaskCircle  */
-/* Horizon theme                            */
+/* Morning Horizon theme                    */
 /* ======================================== */
 
 .sapUiTaskCircle {
-	border: 2px solid @sapUiGroupContentBackground;
+	border: 2px solid var(--sapGroup_ContentBackground);
 }
 
 .sapUiTaskCircleColorRed {
-	background-color: @sapUiErrorBorder;
-	color: @sapUiContentContrastTextColor;
+	background-color: var(--sapErrorBorderColor);
+	color: var(--sapContent_ContrastTextColor);
 }
 
 .sapUiTaskCircleColorYellow {
-	background-color: @sapUiWarningBorder;
-	color: @sapUiContentContrastTextColor;
+	background-color: var(--sapWarningBorderColor);
+	color: var(--sapContent_ContrastTextColor);
 }
 
 .sapUiTaskCircleColorGreen {
-	background-color: @sapUiSuccessBorder;
-	color: @sapUiContentContrastTextColor;
+	background-color: var(--sapSuccessBorderColor);
+	color: var(--sapContent_ContrastTextColor);
 }
 
 .sapUiTaskCircleColorGray {
-	background-color: @sapUiContentForegroundColor;
-	color: @sapUiContentForegroundTextColor;
+	background-color: var(--sapContent_ForegroundColor);
+	color: var(--sapContent_ForegroundTextColor);
 }

package/src/sap/ui/suite/themes/sap_horizon/VerticalProgressIndicator.less

@@ -1,8 +1,8 @@
 /* ======================================================= */
 /* CSS for control sap.ui.suite/VerticalProgressIndicator  */
-/* Horizon theme                                           */
+/* Morning Horizon theme                                   */
 /* ======================================================= */
 
-.sapUiVerticalProgressOuterContainer{
-	border: 2px solid @sapUiGroupContentBackground;
+.sapUiVerticalProgressOuterContainer {
+	border: 2px solid var(--sapGroup_ContentBackground);
 }

package/src/sap/ui/suite/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/suite/themes/sap_horizon_dark/TaskCircle.less

@@ -4,25 +4,25 @@
 /* ======================================== */
 
 .sapUiTaskCircle {
-	border: 2px solid @sapUiGroupContentBackground;
+	border: 2px solid var(--sapGroup_ContentBackground);
 }
 
 .sapUiTaskCircleColorRed {
-	background-color: @sapUiErrorBorder;
-	color: @sapUiContentContrastTextColor;
+	background-color: var(--sapErrorBorderColor);
+	color: var(--sapContent_ContrastTextColor);
 }
 
 .sapUiTaskCircleColorYellow {
-	background-color: @sapUiWarningBorder;
-	color: @sapUiContentContrastTextColor;
+	background-color: var(--sapWarningBorderColor);
+	color: var(--sapContent_ContrastTextColor);
 }
 
 .sapUiTaskCircleColorGreen {
-	background-color: @sapUiSuccessBorder;
-	color: @sapUiContentContrastTextColor;
+	background-color: var(--sapSuccessBorderColor);
+	color: var(--sapContent_ContrastTextColor);
 }
 
 .sapUiTaskCircleColorGray {
-	background-color: @sapUiContentForegroundColor;
-	color: @sapUiContentForegroundTextColor;
+	background-color: var(--sapContent_ForegroundColor);
+	color: var(--sapContent_ForegroundTextColor);
 }

package/src/sap/ui/suite/themes/sap_horizon_dark/VerticalProgressIndicator.less

@@ -3,6 +3,6 @@
 /* Evening Horizon theme                                   */
 /* ======================================================= */
 
-.sapUiVerticalProgressOuterContainer{
-	border: 2px solid @sapUiGroupContentBackground;
+.sapUiVerticalProgressOuterContainer {
+	border: 2px solid var(--sapGroup_ContentBackground);
 }

package/src/sap/ui/suite/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/suite/themes/sap_horizon_hcb/TaskCircle.less

@@ -4,5 +4,5 @@
 /* ======================================== */
 
 .sapUiTaskCircle {
-	box-shadow: 0px 0px 0px @sapUiBaseBG;
+	box-shadow: 0 0 0 var(--sapBackgroundColor);
 }

package/src/sap/ui/suite/themes/sap_horizon_hcb/VerticalProgressIndicator.less

@@ -3,11 +3,11 @@
 /* Horizon High Contrast Black theme                       */
 /* ======================================================= */
 
-.sapUiVerticalProgressOuterContainer{
-	box-shadow: 0px 0px 0px @sapUiBaseBG;
-	background-color: @sapUiBaseBG;
+.sapUiVerticalProgressOuterContainer {
+	box-shadow: 0 0 0 var(--sapBackgroundColor);
+	background-color: var(--sapBackgroundColor);
 }
 
-.sapUiVerticalProgressInnerContainer{
-	background-color: @sapUiBaseBG;
+.sapUiVerticalProgressInnerContainer {
+	background-color: var(--sapBackgroundColor);
 }

package/src/sap/ui/suite/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/suite/themes/sap_horizon_hcw/TaskCircle.less

@@ -4,5 +4,5 @@
 /* ======================================== */
 
 .sapUiTaskCircle {
-	box-shadow: 0px 0px 0px @sapUiBaseBG;
+	box-shadow: 0 0 0 var(--sapBackgroundColor);
 }

package/src/sap/ui/suite/themes/sap_horizon_hcw/VerticalProgressIndicator.less

@@ -3,11 +3,11 @@
 /* Horizon High Contrast White theme                       */
 /* ======================================================= */
 
-.sapUiVerticalProgressOuterContainer{
-	box-shadow: 0px 0px 0px @sapUiBaseBG;
-	background-color: @sapUiBaseBG;
+.sapUiVerticalProgressOuterContainer {
+	box-shadow: 0 0 0 var(--sapBackgroundColor);
+	background-color: var(--sapBackgroundColor);
 }
 
-.sapUiVerticalProgressInnerContainer{
-	background-color: @sapUiBaseBG;
+.sapUiVerticalProgressInnerContainer {
+	background-color: var(--sapBackgroundColor);
 }

package/src/sap/ui/suite/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/table/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.
  */
 
@@ -15,7 +15,6 @@
 
 @import "Table.less";
 @import "Cell.less";
-@import "RowSelection.less";
 @import "RowAction.less";
 @import "Scrolling.less";
 @import "Grouping.less";

package/src/sap/ui/table/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.
  */
 
@@ -15,7 +15,6 @@
 
 @import "Table.less";
 @import "Cell.less";
-@import "RowSelection.less";
 @import "RowAction.less";
 @import "Scrolling.less";
 @import "Grouping.less";

package/src/sap/ui/table/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.
  */
 
@@ -12,7 +12,6 @@
 @import "Row.less";
 @import "Cell.less";
 @import "RowHighlight.less";
-@import "RowSelection.less";
 @import "Scrolling.less";
 @import "DragDrop.less";
 @import "Grouping.less";

package/src/sap/ui/table/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.
  */
 
@@ -12,7 +12,6 @@
 @import "Row.less";
 @import "Cell.less";
 @import "RowHighlight.less";
-@import "RowSelection.less";
 @import "Scrolling.less";
 @import "DragDrop.less";
 @import "Grouping.less";