@openui5/themelib_sap_horizon 1.143.1 → 1.144.0

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

@@ -1,25 +1,28 @@
-/******************************************************************
-	Style of the RTA Dialogs - Horizon Theme
-*******************************************************************/
-@_sap_ui_rta_Dialogs_BorderLightColor: var(--sapToolbar_Background); //#fff
-@_sap_ui_rta_Dialogs_BorderDarkColor: var(--sapInformationBorderColor); //#0070f2
+/* =================================== */
+/* CSS for control sap.ui.rta/Dialogs  */
+/* Morning Horizon theme               */
+/* =================================== */
+
+@_sap_ui_rta_Dialogs_BorderLightColor: var(--sapToolbar_Background); /* #fff */
+@_sap_ui_rta_Dialogs_BorderDarkColor: var(--sapInformationBorderColor); /* #0070f2 */
 
 .sapMDialog.sapUiRTABorder {
 	border-image: none;
-	outline: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; //3px
+	outline: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; /* 3px */
 	outline-offset: -0.188rem;
 }
 
 .sapUiRtaPopover {
 
 	&.sapMPopover, .sapMPopover {
-		border: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; //3px
+		border: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; /* 3px */
 		border-image: none;
 	}
 
 	&.sapMPopoverArr, .sapMPopoverArr {
 		&:after {
-			border: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; //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/Overlay.less

@@ -1,26 +1,35 @@
-/******************************************************************
-	Style of the RTA Overlays - Horizon Theme
-*******************************************************************/
-@_sap_ui_rta_Overlay_PlaceholderBackgroundColor: @sapUiListSelectionBackgroundColor; //	#ebf8ff
+/* =================================== */
+/* CSS for control sap.ui.rta/Overlay  */
+/* Morning Horizon theme               */
+/* =================================== */
+
+@_sap_ui_rta_Overlay_PlaceholderBackgroundColor: var(--sapList_SelectionBackgroundColor); /* #ebf8ff */
 
 .sapUiRta {
+
 	.sapUiDtOverlayDropZone {
+
 		> .sapUiDtOverlayChildren {
+
 			> .sapUiRtaOverlayPlaceholder {
 				background: @_sap_ui_rta_Overlay_PlaceholderBackgroundColor;
-				// 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/Toolbar.adaptation.less

@@ -1,43 +1,50 @@
-/******************************************************************
-	Style of the RTA Toolbar (type: adaptation) - Horizon Theme
-*******************************************************************/
-@_sap_ui_rta_Toolbar_Adaptation_TextColor: var(--sapShell_TextColor); //#131e29
+/* ============================================== */
+/* CSS for control sap.ui.rta/Toolbar.adaptation  */
+/* Morning Horizon theme                          */
+/* ============================================== */
+
+@_sap_ui_rta_Toolbar_Adaptation_TextColor: var(--sapShell_TextColor); /* #131e29 */
 @_sap_ui_rta_Toolbar_Adaptation_BtnFocusBorderColor: transparent;
-@_sap_ui_rta_Toolbar_Adaptation_SegBBtnTextColor: var(--sapButton_Emphasized_TextColor); //#fff
-@_sap_ui_rta_Toolbar_Adaptation_SegBBtnBackgroundColor: var(--sapToolbar_Background); //#fff
-@_sap_ui_rta_Toolbar_Adaptation_SegBBtnFocusColor: var(--sapToolbar_Background); //#fff
-@_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelectedBackgroundColor: ~"hsl(from var(--sapButton_Emphasized_Background) h s calc(l - 5) / alpha)"; // #0064d9, darken the emphasized button background by 5%
-@_sap_ui_rta_Toolbar_Adaptation_BorderRadius: var(--sapButton_BorderCornerRadius); //0.5rem
-@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: ~"hsl(from var(--sapContent_RatedColor) h s calc(l - 10) / alpha)"; // #9f5a00, darken the rated color by 10%
-@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: var(--sapShell_PositiveColor); //#256f3a
-@_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor: var(--sapContent_FocusColor); //#0032a5
-@_sap_ui_rta_Toolbar_Adaptation_VersionListBackgroundColor: var(--sapToolbar_Background); //#fff
+@_sap_ui_rta_Toolbar_Adaptation_SegBBtnTextColor: var(--sapButton_Emphasized_TextColor); /* #fff */
+@_sap_ui_rta_Toolbar_Adaptation_SegBBtnBackgroundColor: var(--sapToolbar_Background); /* #fff */
+@_sap_ui_rta_Toolbar_Adaptation_SegBBtnFocusColor: var(--sapToolbar_Background); /* #fff */
+@_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelectedBackgroundColor: ~"hsl(from var(--sapButton_Emphasized_Background) h s calc(l - 5) / alpha)"; /* #0064d9, darken the emphasized button background by 5% */
+@_sap_ui_rta_Toolbar_Adaptation_BorderRadius: var(--sapButton_BorderCornerRadius); /* 0.5rem */
+@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: ~"hsl(from var(--sapContent_RatedColor) h s calc(l - 10) / alpha)"; /* #9f5a00, darken the rated color by 10% */
+@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: var(--sapShell_PositiveColor); /* #256f3a */
+@_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor: var(--sapContent_FocusColor); /* #0032a5 */
+@_sap_ui_rta_Toolbar_Adaptation_VersionListBackgroundColor: var(--sapToolbar_Background); /* #fff */
 
 .sapUiRtaMode {
+
 	.sapUiRtaToolbar.sapUiRtaToolbarAdaptation {
 
-		//Segmented Buttons
+		/* Segmented Buttons */
 		.sapMSegB {
 			background: @_sap_ui_rta_Toolbar_Adaptation_SegBBtnBackgroundColor;
+
 			.sapMSegBBtn {
+
 				.sapMSegBBtnInnerWrapper {
 					background: @_sap_ui_rta_Toolbar_Adaptation_SegBBtnBackgroundColor;
 					border: none;
 				}
 
 				&.sapMSegBBtnFocusable {
+
 					.sapMSegBBtnInner {
 						color: @_sap_ui_rta_Toolbar_Adaptation_TextColor;
 					}
+
 					&.sapMSegBBtnSel:focus .sapMSegBBtnInner {
 						outline: 0.0625rem solid @_sap_ui_rta_Toolbar_Adaptation_SegBBtnFocusColor; //1px
-						outline-offset: -0.125rem; //2px
+						outline-offset: -0.125rem; /* 2px */
 					}
 
 					&:focus .sapMSegBBtnInner {
 						outline: none;
 
-						&:after {
+						&::after {
 							left: 0.0625rem;
 							top: 0.0625rem;
 							right: 0.0625rem;
@@ -46,8 +53,10 @@
 					}
 
 					&.sapMSegBBtnSel {
+
 						&:hover .sapMSegBBtnInner {
-							&:after {
+
+							&::after {
 								content: none;
 							}
 						}
@@ -56,7 +65,7 @@
 							background: @_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelectedBackgroundColor;
 							color: @_sap_ui_rta_Toolbar_Adaptation_SegBBtnTextColor;
 
-							&:after {
+							&::after {
 								content: none;
 							}
 
@@ -67,23 +76,31 @@
 					}
 				}
 			}
+
 			&.sapMSegBIcons {
+
 				.sapMSegBBtn {
+
 					&.sapMSegBBtnFocusable {
+
 						&:not(.sapMSegBBtnSel):focus {
+
 							.sapMSegBBtnInner {
-								outline: 0.125rem solid @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor; //1px
+								outline: 0.125rem solid @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor; /* 1px */
 								border-radius: @_sap_ui_rta_Toolbar_Adaptation_BorderRadius;
 								outline-offset: -0.125rem;
 
-								&:after {
+								&::after {
 									content: none;
 								}
 							}
 						}
+
 						&.sapMSegBBtnSel:focus {
+
 							.sapMSegBBtnInner {
-								&:after {
+
+								&::after {
 									content: none;
 								}
 							}
@@ -93,15 +110,17 @@
 			}
 		}
 
-		//Buttons
+		/* Buttons */
 		.sapMBtn:not(.sapUiRtaVersionButton) {
+
 			&.sapMBtnDisabled .sapMBtnInner {
 				opacity: 1.0;
 			}
+
 			.sapMBtnTransparent,
 			.sapMBtnTransparent bdi,
-			.sapMBtnTransparent>.sapMBtnIcon {
-				color: @_sap_ui_rta_Toolbar_Adaptation_TextColor!important;
+			.sapMBtnTransparent > .sapMBtnIcon {
+				color: @_sap_ui_rta_Toolbar_Adaptation_TextColor !important;
 			}
 		}
 
@@ -111,7 +130,9 @@
 		}
 
 		.sapUiRtaVersionButton.sapUiRtaDraftVersionAccent {
+
 			&:hover {
+
 				> span > span > bdi,
 				> span > span.sapMBtnIcon {
 					color: @_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor !important;
@@ -120,19 +141,23 @@
 		}
 
 		.sapUiRtaVersionButton.sapUiRtaActiveVersionAccent {
+
 			&:hover {
+
 				> span > span > bdi,
 				> span > span.sapMBtnIcon{
 					color: @_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor !important;
 				}
 			}
 		}
-
 	}
+
 	.sapUiRtaVersionHistory {
+
 		.sapMLIB:not(:hover) {
 			background: @_sap_ui_rta_Toolbar_Adaptation_VersionListBackgroundColor;
 		}
+
 		.sapMLIBHoverable:hover {
 			outline: 0.125rem solid @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor;
 			border-radius: @_sap_ui_rta_Toolbar_Adaptation_BorderRadius;

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

@@ -1,10 +1,13 @@
-/******************************************************************
-	Style of the RTA Toolbar (all types) - Horizon Theme
-*******************************************************************/
-@_sap_ui_rta_Toolbar_Base_BackgroundColor: var(--sapToolbar_Background); //#fff
-@_sap_ui_rta_Toolbar_Base_OutlineColor: var(--sapInformationBorderColor); //#0070f2
+/* ======================================== */
+/* CSS for control sap.ui.rta/Toolbar.base  */
+/* Morning Horizon theme                    */
+/* ======================================== */
+
+@_sap_ui_rta_Toolbar_Base_BackgroundColor: var(--sapToolbar_Background); /* #fff */
+@_sap_ui_rta_Toolbar_Base_OutlineColor: var(--sapInformationBorderColor); /* #0070f2 */
 
 .sapUiRtaMode {
+
 	.sapUiRtaToolbar {
 		outline: 0.125rem dashed @_sap_ui_rta_Toolbar_Base_OutlineColor;
 		outline-offset: -0.125rem;

package/src/sap/ui/rta/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.
  */
 @import "../base/library.source.less";
@@ -11,7 +11,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/rta/themes/sap_horizon_dark/AddIFrame.less

@@ -1,52 +1,33 @@
-/******************************************************************
-	Style of the RTA Add IFrame Dialog  - Horizon Dark Theme
-*******************************************************************/
-@_sap_ui_rta_AddIFrame_BorderRadius: @sapUiFieldBorderCornerRadius; //0.25rem
-@_sap_ui_rta_AddIFrame_ButtonHoverBackgroundColor: @sapUiButtonHoverBackground; //#222b35
+/* ===================================== */
+/* CSS for control sap.ui.rta/AddIFrame  */
+/* Evening Horizon theme                 */
+/* ===================================== */
+
+@_sap_ui_rta_AddIFrame_BorderRadius: var(--sapField_BorderCornerRadius); /* 0.25rem */
+@_sap_ui_rta_AddIFrame_ButtonHoverBackgroundColor: var(--sapButton_Hover_Background); /* #222b35 */
 
 .sapUiRtaMode {
+
 	.sapUiRtaAddIFrameDialog {
+
 		.sapUiRtaAddIFrameDialogVlWrapper {
+
 			.sapUiRtaAddIFrameDialogEditGrid {
 
 				.sapUiRtaAddIFrameDialogParameters {
+
 					.sapMScrollCont {
 						border-radius: @_sap_ui_rta_AddIFrame_BorderRadius;
 					}
 				}
 
 				.sapUiRtaAddIFrameDialogEditUrl {
+
 					.sapMTextArea {
+
 						.sapMInputBaseContentWrapper {
 							background-image: none;
 						}
-
-						.sapMTextAreaInner {
-							border: none;
-						}
-					}
-				}
-			}
-
-			.sapUiRtaAddIFrameDialogPreviewLinkGrid {
-				.sapUiRtaAddIFrameDialogPreviewLinkPanel {
-
-					&.sapMPanel .sapMPanelWrappingDiv:not(.sapMPanelWrappingDivExpanded),
-					&.sapMPanel .sapMPanelWrappingDivTb:not(.sapMPanelWrappingDivTbExpanded) {
-						border-radius: 0;
-					}
-
-					.sapUiRtaAddIFrameDialogPreviewLinkToolbar {
-						padding-left: 0;
-						padding-right: 0.125rem;
-
-						.sapUiRtaAddIFrameDialogPreviewButton {
-							&:not(.sapMBtnDisabled):hover {
-								.sapMBtnInner {
-									background-color: @_sap_ui_rta_AddIFrame_ButtonHoverBackgroundColor;
-								}
-							}
-						}
 					}
 				}
 			}
@@ -56,9 +37,4 @@
 			}
 		}
 	}
-}
-
-// adapt scrollbars to rounded corners
-html.sap-desktop:not(.sapUiNativeScrollbars) ::-webkit-scrollbar {
-	background-color: inherit !important;
 }

package/src/sap/ui/rta/themes/sap_horizon_dark/ChangeVisualization.less

@@ -1,13 +1,17 @@
-/******************************************************************
-	Style of the RTA Change Visualization - Horizon Dark theme
-*******************************************************************/
-@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorMedium: darken(@sapUiChartPaletteSequentialHue1Light1, 5%); //#0074fc
-@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark: @sapUiChartPaletteSequentialHue1Dark1; //#0757b3
-@_sap_ui_rta_ChangeVisualization_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.5rem
+/* =============================================== */
+/* CSS for control sap.ui.rta/ChangeVisualization  */
+/* Evening Horizon theme                           */
+/* =============================================== */
+
+@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorMedium: darken(@sapUiChartPaletteSequentialHue1Light1, 5%); /* #0074fc */
+@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark: @sapUiChartPaletteSequentialHue1Dark1; /* #0757b3 */
+@_sap_ui_rta_ChangeVisualization_BorderRadius: var(--sapButton_BorderCornerRadius); /* 0.5rem */
 
 .sapUiDtOverlay {
+
 	.sapUiRtaChangeIndicatorHovered {
-		&:after {
+
+		&::after {
 			border-radius: @_sap_ui_rta_ChangeVisualization_BorderRadius;
 		}
 	}

package/src/sap/ui/rta/themes/sap_horizon_dark/ContextMenu.less

@@ -1,14 +1,18 @@
-/******************************************************************
-	Style of the RTA Contextmenu - Horizon Dark Theme
-*******************************************************************/
-@_sap_ui_rta_ContextMenu_BorderLightColor: var(--sapToolbar_Background); //#1d232a
-@_sap_ui_rta_ContextMenu_BorderDarkColor: var(--sapInformationBorderColor); //#4db1ff
-@_sap_ui_rta_ContextMenu_BorderRadius: var(--sapGroup_BorderCornerRadius); // 0.75rem
+/* ======================================= */
+/* CSS for control sap.ui.rta/ContextMenu  */
+/* Evening Horizon theme                   */
+/* ======================================= */
+
+@_sap_ui_rta_ContextMenu_BorderLightColor: var(--sapToolbar_Background); /* #1d232a */
+@_sap_ui_rta_ContextMenu_BorderDarkColor: var(--sapInformationBorderColor); /* #4db1ff */
+@_sap_ui_rta_ContextMenu_BorderRadius: var(--sapGroup_BorderCornerRadius); /* 0.75rem */
 
 .sapUiRtaMode {
+
 	.sapUiDtContextMenu {
+
 		&.sapMMenu {
-			border: 0.188rem dashed @_sap_ui_rta_ContextMenu_BorderDarkColor; //2px
+			border: 0.188rem dashed @_sap_ui_rta_ContextMenu_BorderDarkColor; /* 2px */
 			border-image: none;
 			border-radius: @_sap_ui_rta_ContextMenu_BorderRadius;
 		}

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

@@ -1,25 +1,29 @@
-/******************************************************************
-	Style of the RTA Dialogs - Horizon Dark Theme
-*******************************************************************/
-@_sap_ui_rta_Dialogs_BorderLightColor: var(--sapToolbar_Background); //#1d232a
-@_sap_ui_rta_Dialogs_BorderDarkColor: var(--sapInformationBorderColor); //#4db1ff
+/* =================================== */
+/* CSS for control sap.ui.rta/Dialogs  */
+/* Evening Horizon theme               */
+/* =================================== */
+
+@_sap_ui_rta_Dialogs_BorderLightColor: var(--sapToolbar_Background); /* #1d232a */
+@_sap_ui_rta_Dialogs_BorderDarkColor: var(--sapInformationBorderColor); /* #4db1ff */
 
 .sapMDialog.sapUiRTABorder {
 	border-image: none;
-	outline: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; //3px
+	outline: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; /* 3px */
 	outline-offset: -0.188rem;
 }
 
 .sapUiRtaPopover {
 
-	&.sapMPopover, .sapMPopover {
-		border: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; //3px
+	&.sapMPopover,
+	.sapMPopover {
+		border: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; /* 3px */
 		border-image: none;
 	}
 
 	&.sapMPopoverArr, .sapMPopoverArr {
 		&:after {
-			border: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; //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_dark/Overlay.less

@@ -1,26 +1,35 @@
-/******************************************************************
-	Style of the RTA Overlays - Horizon Dark Theme
-*******************************************************************/
-@_sap_ui_rta_Overlay_PlaceholderBackgroundColor: darken(@sapUiContentImagePlaceholderBackground, 25%); //#17212a
+/* =================================== */
+/* CSS for control sap.ui.rta/Overlay  */
+/* Evening Horizon theme               */
+/* =================================== */
+
+@_sap_ui_rta_Overlay_PlaceholderBackgroundColor: darken(@sapUiContentImagePlaceholderBackground, 25%); /* #17212a */
 
 .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;
 						}
 					}