@openui5/themelib_sap_horizon 1.143.0 → 1.144.0

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

@@ -1,58 +1,68 @@
-/********************************************************************
-	Style of the RTA Toolbar (type: adaptation) - Horizon Dark Theme
-*********************************************************************/
-@_sap_ui_rta_Toolbar_Adaptation_TextColor: var(--sapShell_TextColor); //#f5f6f7
+/* ============================================== */
+/* CSS for control sap.ui.rta/Toolbar.adaptation  */
+/* Evening Horizon theme                          */
+/* ============================================== */
+
+@_sap_ui_rta_Toolbar_Adaptation_TextColor: var(--sapShell_TextColor); /* #f5f6f7 */
 @_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); //#1d232a
-@_sap_ui_rta_Toolbar_Adaptation_SegBBtnHoverBackgroundColor: var(--sapButton_Hover_BorderColor); //#3a4a5a
-@_sap_ui_rta_Toolbar_Adaptation_SegBBtnFocusColor: var(--sapToolbar_Background); //#1d232a
-@_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: var(--sapContent_RatedColor); //##ffdf72
-@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: var(--sapShell_PositiveColor); //#97dd40
-@_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor: var(--sapContent_FocusColor); //#9ad3ff
-@_sap_ui_rta_Toolbar_Adaptation_VersionListBackgroundColor: var(--sapToolbar_Background); //#1d232a
-@_sap_ui_rta_Toolbar_Adaptation_BtnHoverTextColor: var(--sapButton_Lite_Hover_TextColor); //#4db1ff
+@_sap_ui_rta_Toolbar_Adaptation_SegBBtnTextColor: var(--sapButton_Emphasized_TextColor); /* #fff */
+@_sap_ui_rta_Toolbar_Adaptation_SegBBtnBackgroundColor: var(--sapToolbar_Background); /* #1d232a */
+@_sap_ui_rta_Toolbar_Adaptation_SegBBtnHoverBackgroundColor: var(--sapButton_Hover_BorderColor); /* #3a4a5a */
+@_sap_ui_rta_Toolbar_Adaptation_SegBBtnFocusColor: var(--sapToolbar_Background); /* #1d232a */
+@_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: var(--sapContent_RatedColor); /* ##ffdf72 */
+@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: var(--sapShell_PositiveColor); /* #97dd40 */
+@_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor: var(--sapContent_FocusColor); /* #9ad3ff */
+@_sap_ui_rta_Toolbar_Adaptation_VersionListBackgroundColor: var(--sapToolbar_Background); /* #1d232a */
+@_sap_ui_rta_Toolbar_Adaptation_BtnHoverTextColor: var(--sapButton_Lite_Hover_TextColor); /* #4db1ff */
 
 .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: 0.0625rem solid @_sap_ui_rta_Toolbar_Adaptation_SegBBtnFocusColor; /* 1px */
+						outline-offset: -0.125rem; /* 2px */
 					}
 
 					&:focus .sapMSegBBtnInner {
 						outline: none;
 
-						&:after {
+						&::after {
 							left: 0.0625rem;
 							top: 0.0625rem;
 							right: 0.0625rem;
 							bottom: 0.0625rem;
 						}
 					}
+
 					&:hover .sapMSegBBtnInner {
 						background-color: @_sap_ui_rta_Toolbar_Adaptation_SegBBtnHoverBackgroundColor;
 					}
 
 					&.sapMSegBBtnSel {
+
 						&:hover .sapMSegBBtnInner {
-							&:after {
+
+							&::after {
 								content: none;
 							}
 						}
@@ -61,7 +71,7 @@
 							background: @_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelectedBackgroundColor;
 							color: @_sap_ui_rta_Toolbar_Adaptation_SegBBtnTextColor;
 
-							&:after {
+							&::after {
 								content: none;
 							}
 
@@ -72,23 +82,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;
 								}
 							}
@@ -98,16 +116,19 @@
 			}
 		}
 
-		//Buttons
+		/* Buttons */
 		.sapMBtn:not(.sapUiRtaVersionButton) {
+
 			&.sapMBtnDisabled .sapMBtnInner {
 				opacity: 1.0;
 			}
-			&:not(:hover){
+
+			&:not(:hover) {
+
 				.sapMBtnTransparent,
 				.sapMBtnTransparent bdi,
-				.sapMBtnTransparent>.sapMBtnIcon {
-					color: @_sap_ui_rta_Toolbar_Adaptation_TextColor!important;
+				.sapMBtnTransparent > .sapMBtnIcon {
+					color: @_sap_ui_rta_Toolbar_Adaptation_TextColor !important;
 				}
 			}
 		}
@@ -118,7 +139,9 @@
 		}
 
 		.sapUiRtaVersionButton.sapUiRtaDraftVersionAccent {
+
 			&:hover {
+
 				> span > span > bdi,
 				> span > span.sapMBtnIcon {
 					color: @_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor !important;
@@ -127,7 +150,9 @@
 		}
 
 		.sapUiRtaVersionButton.sapUiRtaActiveVersionAccent {
+
 			&:hover {
+
 				> span > span > bdi,
 				> span > span.sapMBtnIcon{
 					color: @_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor !important;
@@ -135,17 +160,21 @@
 			}
 		}
 
-		.sapUiRtaVersionButton.sapUiRtaVersionColor:hover  {
+		.sapUiRtaVersionButton.sapUiRtaVersionColor:hover {
+
 			> span.sapMBtnHoverable.sapMBtnTransparent > span.sapMBtnIcon,
 			> span > span > bdi {
 				color: @_sap_ui_rta_Toolbar_Adaptation_BtnHoverTextColor;
 			}
 		}
 	}
+
 	.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_dark/Toolbar.base.less

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

package/src/sap/ui/rta/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.
  */
 @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_hcb/ChangeVisualization.less

@@ -1,18 +1,22 @@
-/******************************************************************
-	Style of the RTA Change Visualization - Horizon hcb theme
-*******************************************************************/
-@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorMedium: @sapUiCriticalText; //#ffab1d
-@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark: lighten(@sapUiChart8, 20%); //#dd8ec9
-@_sap_ui_rta_ChangeVisualization_OverlayOutlineColor: darken(@sapUiSuccessBorder, 25%); //#4c994c
-@_sap_ui_rta_ChangeVisualization_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.375rem
+/* =============================================== */
+/* CSS for control sap.ui.rta/ChangeVisualization  */
+/* Horizon High Contrast Black theme               */
+/* =============================================== */
+
+@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorMedium: var(--sapCriticalTextColor); /* #ffab1d */
+@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark: lighten(@sapUiChart8, 20%); /* #dd8ec9 */
+@_sap_ui_rta_ChangeVisualization_OverlayOutlineColor: darken(@sapUiSuccessBorder, 25%); /* #4c994c */
+@_sap_ui_rta_ChangeVisualization_BorderRadius: var(--sapButton_BorderCornerRadius); /* 0.375rem */
 
 .sapUiDtOverlay {
+
 	.sapUiRtaChangeIndicatorHovered {
-		&:after {
+
+		&::after {
 			box-shadow: none;
 			border-radius: @_sap_ui_rta_ChangeVisualization_BorderRadius;
-			outline-width: 0.125rem; //2px
-			outline-offset: -0.125rem; //2px
+			outline-width: 0.125rem; /* 2px */
+			outline-offset: -0.125rem; /* 2px */
 		}
 	}
 

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

@@ -1,20 +1,18 @@
-/**********************************************************************
-	Style of the RTA Contextmenu - Horizon High Contrast Black theme
-***********************************************************************/
-@_sap_ui_rta_ContextMenu_BorderLightColor: @sapUiShellBorderColor; //#ffffff
-@_sap_ui_rta_ContextMenu_BorderDarkColor: @sapUiShellBackground; //#000000
-@_sap_ui_rta_ContextMenu_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.375rem
-@_sap_ui_rta_ContextMenu_BoxShadowLightColor: fade(@sapUiContentShadowColor, 60%); //rgba(255, 255, 255, 0.6)
-
-@_sap_ui_rta_ContextMenu_BoxShadow:
-		0 0.25rem 2rem 0 fade(@_sap_ui_rta_ContextMenu_BoxShadowLightColor, 60%),
-		0 0 0 0.125rem @_sap_ui_rta_ContextMenu_BoxShadowLightColor;
+/* ======================================= */
+/* CSS for control sap.ui.rta/ContextMenu  */
+/* Horizon High Contrast Black theme       */
+/* ======================================= */
 
+@_sap_ui_rta_ContextMenu_BorderLightColor: var(--sapShell_BorderColor); /* #ffffff */
+@_sap_ui_rta_ContextMenu_BorderDarkColor: var(--sapShell_Background); /* #000000 */
+@_sap_ui_rta_ContextMenu_BorderRadius: var(--sapButton_BorderCornerRadius); /* 0.375rem */
 
 .sapUiRtaMode {
+
 	.sapUiDtContextMenu {
+
 		&.sapMMenu {
-			border: 0.188rem dashed @_sap_ui_rta_ContextMenu_BorderLightColor; //2px
+			border: 0.188rem dashed @_sap_ui_rta_ContextMenu_BorderLightColor; /* 2px */
 			border-image: none;
 			border-radius: @_sap_ui_rta_ContextMenu_BorderRadius;
 		}
@@ -22,10 +20,14 @@
 }
 
 .sapUiDtContextMenu.sapMMenu {
+
 	.sapMMenuList {
+
 		.sapMMenuItem {
+
 			&:focus {
-				&.sapMMenuItemDisabled{
+
+				&.sapMMenuItemDisabled {
 					outline: none;
 				}
 			}

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

@@ -1,37 +1,36 @@
-/**********************************************************************
-	Style of Dialogs shown in RTA - Horizon High Contrast Black theme
-***********************************************************************/
-@_sap_ui_rta_Dialogs_BorderLightColor: @sapUiShellBorderColor; //#fff
-@_sap_ui_rta_Dialogs_BorderDarkColor: @sapUiShellBackground; //#000000
-@_sap_ui_rta_Dialogs_BorderRadius: @sapUiButtonBorderCornerRadius; //0.375rem
-@_sap_ui_rta_Dialogs_BoxShadowLightColor: fade(@sapUiContentShadowColor, 60%); //rgba(255, 255, 255, 0.6)
+/* =================================== */
+/* CSS for control sap.ui.rta/Dialogs  */
+/* Horizon High Contrast Black theme   */
+/* =================================== */
 
-@_sap_ui_rta_Dialogs_BorderBoxShadow:
-		0 0.25rem 2rem 0 fade(@_sap_ui_rta_Dialogs_BoxShadowLightColor, 60%),
-		0 0 0 0.125rem @_sap_ui_rta_Dialogs_BoxShadowLightColor;
+@_sap_ui_rta_Dialogs_BorderLightColor: var(--sapShell_BorderColor); /* #fff */
+@_sap_ui_rta_Dialogs_BorderDarkColor: var(--sapShell_Background); /* #000000 */
+@_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
-		box-shadow: @_sap_ui_rta_Dialogs_BorderBoxShadow;
+		outline: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; /* 4px */
+		outline-offset: -0.125rem; /* 4px */
+		box-shadow: var(--sapContent_Shadow2);
 	}
 
 	&.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_BorderLightColor; /* 2px */
 			border-image: none;
 		}
 	}

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

@@ -1,27 +1,36 @@
-/******************************************************************
-	Style of the RTA Overlays - Horizon High Contrast Black theme
-*******************************************************************/
-@_sap_ui_rta_Overlay_ResizeHandleColor: darken(@sapUiSuccessBorder, 25%); //#4c994c
-@_sap_ui_rta_Overlay_PlaceholderBackgroundColor: darken(@sapUiFieldPlaceholderTextColor, 30%); //#4d4d4d
+/* =================================== */
+/* CSS for control sap.ui.rta/Overlay  */
+/* Horizon High Contrast Black theme   */
+/* =================================== */
+
+@_sap_ui_rta_Overlay_ResizeHandleColor: darken(@sapUiSuccessBorder, 25%); /* #4c994c */
+@_sap_ui_rta_Overlay_PlaceholderBackgroundColor: darken(@sapUiFieldPlaceholderTextColor, 30%); /* #4d4d4d */
 
 .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_hcb/Toolbar.adaptation.less

@@ -1,33 +1,41 @@
-/***********************************************************************
-	Style of the RTA Toolbar (type: adaptation) - Horizon High Contrast Black theme
-************************************************************************/
-@_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiShellTextColor; //#fff
-@_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor: @sapUiContentFocusColor; //#fff
-@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: @sapUiShellCriticalColor; //#ffab1d
-@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor:@sapUiShellPositiveColor; //#9c9
-@_sap_ui_rta_Toolbar_Adaptation_BoxShadowDarkColor: fade(@sapUiContentShadowColor, 60%); //rgba(255, 255, 255, 0.6)
+/* ============================================== */
+/* CSS for control sap.ui.rta/Toolbar.adaptation  */
+/* Horizon High Contrast Black theme              */
+/* ============================================== */
+
+@_sap_ui_rta_Toolbar_Adaptation_TextColor: var(--sapShell_TextColor); /* #fff */
+@_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor: var(--sapContent_FocusColor); /* #fff */
+@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: var(--sapShell_CriticalColor); /* #ffab1d */
+@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: var(--sapShell_PositiveColor); /* #9c9 */
 
 .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;
 			}
 		}
 
 		.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;
 					}
 				}
@@ -37,27 +45,39 @@
 				}
 			}
 		}
-		// set text to white on hover for better accessibility
+
+		/* set text to white on hover for better accessibility */
 		.sapUiRtaVersionButton {
+
 			&:hover {
+
 				> span > span > bdi {
 					color: @_sap_ui_rta_Toolbar_Adaptation_TextColor;
 				}
 			}
 		}
 	}
-	// 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_TextColor;
 							}
 						}
+
 						.sapMFeedListItemFooter {
+
 							.sapMFeedListItemInfoText,
 							.sapMFeedListItemTimestampText {
 								color: @_sap_ui_rta_Toolbar_Adaptation_TextColor;

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

@@ -1,11 +1,12 @@
-/******************************************************************************
-	Style of the RTA Toolbar (all types) - Horizon High Contrast Black theme
-*******************************************************************************/
-@_sap_ui_rta_Toolbar_Base_OutlineColor: @sapUiShellBorderColor; //#fff
-@_sap_ui_rta_Toolbar_Base_BoxShadowDarkColor: fade(@sapUiContentShadowColor, 60%); //rgba(255, 255, 255, 0.6)
-@_sap_ui_rta_Toolbar_Base_BorderDarkColor: @sapUiShellBackground; //#000000
+/* ======================================== */
+/* CSS for control sap.ui.rta/Toolbar.base  */
+/* Horizon High Contrast Black theme        */
+/* ======================================== */
 
+@_sap_ui_rta_Toolbar_Base_OutlineColor: var(--sapShell_BorderColor); /* #fff */
+@_sap_ui_rta_Toolbar_Base_BorderDarkColor: var(--sapShell_Background); /* #000000 */
 .sapUiRtaMode {
+
 	.sapUiRtaToolbar {
 		outline: 0.125rem dashed @_sap_ui_rta_Toolbar_Base_OutlineColor;
 		outline-offset: -0.125rem;

package/src/sap/ui/rta/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.
  */
 
@@ -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_hcw/ChangeVisualization.less

@@ -1,18 +1,22 @@
-/******************************************************************
-	Style of the RTA Change Visualization - Horizon hcw theme
-*******************************************************************/
-@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorMedium: @sapUiShellActiveBackground; //#e97624
-@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark: lighten(@sapUiChart8, 20%); //#e52faa
-@_sap_ui_rta_ChangeVisualization_OverlayOutlineColor: @sapUiSelected; //#5c93ff
-@_sap_ui_rta_ChangeVisualization_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.375rem
+/* =============================================== */
+/* CSS for control sap.ui.rta/ChangeVisualization  */
+/* Horizon High Contrast White theme               */
+/* =============================================== */
+
+@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorMedium: var(--sapShell_Active_Background); /* #e97624 */
+@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark: lighten(@sapUiChart8, 20%); /* #e52faa */
+@_sap_ui_rta_ChangeVisualization_OverlayOutlineColor: var(--sapSelectedColor); /* #5c93ff */
+@_sap_ui_rta_ChangeVisualization_BorderRadius: var(--sapButton_BorderCornerRadius); /* 0.375rem */
 
 .sapUiDtOverlay {
+
 	.sapUiRtaChangeIndicatorHovered {
-		&:after {
+
+		&::after {
 			box-shadow: none;
 			border-radius: @_sap_ui_rta_ChangeVisualization_BorderRadius;
-			outline-width: 0.125rem; //2px
-			outline-offset: -0.125rem; //2px
+			outline-width: 0.125rem; /* 2px */
+			outline-offset: -0.125rem; /* 2px */
 		}
 	}
 

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

@@ -1,16 +1,18 @@
-/**********************************************************************
-	Style of the RTA Contextmenu - Horizon High Contrast White theme
-***********************************************************************/
-@_sap_ui_rta_ContextMenu_BorderLightColor: @sapUiShellBackground; //#fff
-@_sap_ui_rta_ContextMenu_BorderDarkColor: @sapUiContentShadowColor; //#000
-@_sap_ui_rta_ContextMenu_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.375rem
-@_sap_ui_rta_ContextMenu_BoxShadowDarkColor: fade(@sapUiContentShadowColor, 60%); //rgba(0, 0, 0, 0.6)
-@_sap_ui_rta_ContextMenu_BoxShadowLightColor: @sapUiShellBackground; //#fff
+/* ======================================= */
+/* CSS for control sap.ui.rta/ContextMenu  */
+/* Horizon High Contrast White theme       */
+/* ======================================= */
+
+@_sap_ui_rta_ContextMenu_BorderLightColor: var(--sapShell_Background); /* #fff */
+@_sap_ui_rta_ContextMenu_BorderDarkColor: var(--sapContent_ShadowColor); /* #000 */
+@_sap_ui_rta_ContextMenu_BorderRadius: var(--sapButton_BorderCornerRadius); /* 0.375rem */
 
 .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;
 		}
@@ -18,10 +20,14 @@
 }
 
 .sapUiDtContextMenu.sapMMenu {
+
 	.sapMMenuList {
+
 		.sapMMenuItem {
+
 			&:focus {
-				&.sapMMenuItemDisabled{
+
+				&.sapMMenuItemDisabled {
 					outline: none;
 				}
 			}