@openui5/sap.ui.rta 1.143.0 → 1.144.0

package/src/sap/ui/rta/service/Selection.js

@@ -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.
  */
 
@@ -14,7 +14,7 @@ sap.ui.define(function() {
 	 * @name sap.ui.rta.service.Selection
 	 * @author SAP SE
 	 * @since 1.58
-	 * @version 1.143.0
+	 * @version 1.144.0
 	 * @private
 	 * @ui5-restricted
 	*/

package/src/sap/ui/rta/service/SupportTools.js

@@ -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.
  */
 
@@ -30,7 +30,7 @@ sap.ui.define([
 	 * @name sap.ui.rta.service.SupportTools
 	 * @author SAP SE
 	 * @since 1.106
-	 * @version 1.143.0
+	 * @version 1.144.0
 	 * @private
 	 * @ui5-restricted
 	 */

package/src/sap/ui/rta/service/index.js

@@ -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/rta/themes/base/AddIFrame.less

@@ -1,103 +1,80 @@
-/******************************************************************
-	Style of the RTA Add IFrame Dialog  - base Theme
-*******************************************************************/
-@_sap_ui_rta_AddIFrame_BorderColor: @sapUiGroupContentBorderColor; //#000;
-@_sap_ui_rta_AddIFrame_PreviewBackgroundColor: @sapUiContentImagePlaceholderBackground; //#fff
-@_sap_ui_rta_AddIFrame_PreviewTextColor: @sapUiContentForegroundTextColor; //#000
+/* ===================================== */
+/* CSS for control sap.ui.rta/AddIFrame  */
+/* Base theme                            */
+/* ===================================== */
+
+@_sap_ui_rta_AddIFrame_BorderColor: var(--sapGroup_ContentBorderColor); /* #000 */
+@_sap_ui_rta_AddIFrame_PreviewBackgroundColor: var(--sapContent_ImagePlaceholderBackground); /* #fff */
+@_sap_ui_rta_AddIFrame_PreviewTextColor: var(--sapContent_ForegroundTextColor); /* #000 */
 
 .sapUiRtaMode {
+
 	.sapUiRtaAddIFrameDialog {
+
 		.sapMBarPH.sapMBarContainer {
 			justify-content: center
 		}
 
-		&.sapMDialog > header .sapMDialogTitleGroup {
-			&:focus::after {
-				content: none;
-			}
-		}
-
 		.sapUiRtaAddIFrameDialogVlWrapper {
+
 			.sapUiRtaAddIFrameDialogContainer {
-				padding: 0 1rem 0 1rem;
+				padding: 0 var(--sapContent_Space_Small);
 			}
 
 			.sapUiRtaAddIFrameDialogShowParametersButton {
-				margin-top: 1.3rem;
+				position: relative;
+				top: 1.375rem;
 			}
 
 			.sapUiRtaAddIFrameDialogHideParametersButton {
-				margin-top: -@sapUiMarginTiny;
+				margin-top: ~"calc(-1 * var(--sapContent_Space_Small))";
 			}
 
 			.sapUiRtaAddIFrameParametersHeader {
-				margin-bottom: -@sapUiMarginTiny;
-			}
-
-			.sapUiRtaAddIFrameDialogSizeVBox {
-				margin-top: -@sapUiMarginSmall;
-			}
-
-			.sapUiRtaAddIFrameDialogSizeGrid {
-				.sapUiFormResGridMain {
-					padding: 0;
+				margin-bottom: ~"calc(-1 * var(--sapContent_Space_Tiny))";
+				.sapUiRtaAddIFrameDialogParametersLabel {
+					// avoid label beeing too long
+					max-width: 20.5rem;
 				}
 			}
 
-			.sapUiRtaAddIFrameDialogPercentGrid {
-				padding: 0.25rem 0 0 0;
-				margin: 0 1rem;
-				border-bottom: 0.0625rem solid @_sap_ui_rta_AddIFrame_BorderColor; //1px
-
-				> div {
-					margin-bottom: 0.25rem;
-				}
-
-				.sapUiRtaAddIFrameDialogPercentText {
-					float: right;
-
-					&.sapUiRtaAddIFrameDialogPercentText-invisible {
-						visibility: hidden;
-					}
-				}
+			.sapUiRtaAddIFrameDialogSizeVBox {
+				margin-top: ~"calc(-1 * var(--sapContent_Space_Small))";
 			}
 
 			.sapUiRtaAddIFrameDialogEditGrid {
-				margin-top: 1rem;
+				margin-top: var(--sapContent_Space_Small);
 
 				.sapUiRtaAddIFrameDialogParameters {
+
 					.sapMScrollCont {
-						border: 0.0625rem solid @_sap_ui_rta_AddIFrame_BorderColor; //1px
+						border: 0.0625rem solid @_sap_ui_rta_AddIFrame_BorderColor; /* 1px */
 					}
 				}
 
 				.sapUiRtaAddIFrameDialogEditUrl {
+
 					.sapMTextArea {
 						margin-bottom: 0;
-
-						.sapMTextAreaInner {
-							border: 0.0625rem solid @_sap_ui_rta_AddIFrame_BorderColor; //1px
-						}
 					}
 				}
 			}
 
-			.sapUiRtaAddIFrameDialogUrlWarningGrid {
-				padding-left: 1.625rem;
+			.sapUiRtaAddIFrameDialogUrlWarningVBox {
+				width: 96%;
 			}
 
 			.sapUiRtaAddIFrameDialogAdvancedSettingsGrid {
+
 				.sapUiRtaAddIFrameDialogAdvancedSettingsPanel {
 					margin: 0 !important;
 
-					.sapMPanelContent {
-						padding: 0.5rem 1rem 0.5rem 1rem;
+					.sapMPanelWrappingDivTb {
+						border-radius: 0;
 					}
-
 					.sapUiRtaAddIFrameDialogAdvancedSettingsToolbar {
 						height: 2rem !important;
 						padding-right: 0;
-						margin-left: 2.75rem;
 
 						.sapUiRtaAddIFrameDialogAdvancedSettingsTitle {
 							font-size: 0.875rem;
@@ -108,34 +85,27 @@
 
 			.sapUiRtaAddIFrameDialogPreviewGrid {
 				padding: 0;
-				margin: 0 1rem 1rem;
+				margin: 0 var(--sapContent_Space_Small) var(--sapContent_Space_Small);
 				background: @_sap_ui_rta_AddIFrame_PreviewBackgroundColor;
-				border: 0.0625rem solid @_sap_ui_rta_AddIFrame_BorderColor; //1px
+				border: 0.0625rem solid @_sap_ui_rta_AddIFrame_BorderColor; /* 1px */
 				overflow: auto;
 				height: 230px;
-
-				> div {
-					margin-bottom: 0;
-					height: 9.75rem;
-				}
 			}
 		}
 	}
 }
 
 .sapUiRtaMode.sapUiSizeCozy {
+
 	.sapUiRtaAddIFrameDialog {
-		.sapUiRtaAddIFrameDialogVlWrapper {
-			.sapUiRtaAddIFrameDialogAdvancedSettingsGrid {
-				.sapUiRtaAddIFrameDialogAdvancedSettingsPanel {
-					.sapUiRtaAddIFrameDialogAdvancedSettingsToolbar {
-						height: 2.625rem !important;
 
-						.sapUiRtaAddIFrameDialogAdvancedSettingsTitle {
-							margin-left: 0.25rem;
-						}
-					}
-				}
+		.sapUiRtaAddIFrameDialogVlWrapper {
+			.sapUiRtaAddIFrameDialogHideParametersButton {
+				position: relative;
+				top: -0.3125rem;
+			}
+			.sapUiRtaAddIFrameParametersHeader {
+				margin-bottom: var(--sapContent_Space_Small);
 			}
 		}
 	}

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

@@ -1,33 +1,33 @@
-/******************************************************************
-	Style of the RTA Change Visualization - base theme
-*******************************************************************/
-@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorMedium: @sapUiChartPaletteSequentialHue1Dark1; //#1b57a7
-@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark: @sapUiChartPaletteSequentialHue11Dark2; //#0e4186
-@_sap_ui_rta_ChangeVisualization_OverlayBoxShadow: @sapUiUx3ToolPopupShadow; //0px 6px 12px 0px fade(black, 30);
-@_sap_ui_rta_ChangeVisualization_OverlayOutlineColor: @sapUiSelected; //#8fb5ff
+/* =============================================== */
+/* CSS for control sap.ui.rta/ChangeVisualization  */
+/* Base theme                                      */
+/* =============================================== */
+
+@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorMedium: @sapUiChartPaletteSequentialHue1Dark1; /* #1b57a7 */
+@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark: @sapUiChartPaletteSequentialHue11Dark2; /* #0e4186 */
+@_sap_ui_rta_ChangeVisualization_OverlayOutlineColor: var(--sapSelectedColor); /* #8fb5ff */
 
 .sapUiRtaChangeIndicator {
 	height: 0.8rem;
 	width: 0.8rem;
 	position: relative;
 	border-radius: 50%;
-	margin-top: 0.25rem;
-	margin-left: 0.25rem;
 	transition: width 0.3s, height 0.3s, box-shadow 0.3s;
 	cursor: pointer;
 	background-color: @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorMedium;
 	opacity: 0.75;
+	top: 0.25rem;
+	left: 0.25rem;
 
 	&.sapUiRtaChangeIndicatorVerticallyCentered {
 		top: 50%;
 		transform: translateY(-50%);
-		margin-top: 0;
 	}
 
 	&.sapUiRtaHover {
 		height: 0.9rem;
 		width: 0.9rem;
-		box-shadow: 0 0 0.25rem @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark;
+		box-shadow: var(--sapContent_Shadow2);
 	}
 }
 
@@ -36,24 +36,24 @@
 	&.sapUiRtaChangeIndicatorHovered {
 		cursor: pointer !important;
 
-		&:after {
-			content: " ";
+		&::after {
+			content: '';
 			transition: box-shadow .25s;
-			box-shadow: @_sap_ui_rta_ChangeVisualization_OverlayBoxShadow;
-			outline: 0.0625rem solid @_sap_ui_rta_ChangeVisualization_OverlayOutlineColor; //1px
-			outline-offset: -0.0625rem; //1px
+			box-shadow: var(--sapContent_Shadow2);
+			outline: 0.0625rem solid @_sap_ui_rta_ChangeVisualization_OverlayOutlineColor !important; /* 1px */
+			outline-offset: -0.0625rem; /* 1px */
 		}
 	}
 
 	&.sapUiRtaChangeIndicatorDependent {
 		position: absolute;
-		box-shadow: inset 0 0 0 0.1875rem @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark, @_sap_ui_rta_ChangeVisualization_OverlayBoxShadow;
+		box-shadow: inset 0 0 0 0.1875rem @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark, var(--sapContent_Shadow2);
 		background-color: fade(@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark, 25%);
 		animation: fadeOut linear 1.5s;
 		animation-fill-mode: forwards;
 		@keyframes fadeOut {
 			66% {
-				box-shadow: inset 0 0 0 0.1875rem @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark, @_sap_ui_rta_ChangeVisualization_OverlayBoxShadow;
+				box-shadow: inset 0 0 0 0.1875rem @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark, var(--sapContent_Shadow2);
 				background-color: fade(@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark, 25%);
 			}
 			100% {
@@ -65,9 +65,11 @@
 }
 
 .sapUiRtaMode {
+
 	.sapMPopover {
+
 		.sapUiRtaChangesList {
-			// Visualize Changes: gray out items with no changes
+			/* Visualize Changes: gray out items with no changes */
 			li.sapMLIBTypeInactive {
 				opacity: 0.5;
 			}
@@ -75,8 +77,9 @@
 	}
 }
 
-//do not show focus border in the popover
+/* do not show focus border in the popover */
 .sapUiRtaChangeVisualizationPopover {
+
 	.sapMLIBFocusable:focus {
 		outline: none;
 	}

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

@@ -1,25 +1,22 @@
-/******************************************************************
-	Style of the RTA Contextmenu - base Theme
-*******************************************************************/
-@_sap_ui_rta_ContextMenu_BorderLightColor: @sapUiButtonLiteBorderColor; //#fff
-@_sap_ui_rta_ContextMenu_BorderDarkColor: @sapUiButtonAcceptBorderColor; //#006362
-@_sap_ui_rta_ContextMenu_BoxShadowDarkColor: @sapUiDarkShadowTint; // #000
-@_sap_ui_rta_ContextMenu_BoxShadowLightColor: @sapUiLightShadowTint; // #fff
+/* ======================================= */
+/* CSS for control sap.ui.rta/ContextMenu  */
+/* Base theme                              */
+/* ======================================= */
 
-@_sap_ui_rta_ContextMenu_BoxShadow: 0.375rem 0.625rem 2rem fade(@_sap_ui_rta_ContextMenu_BoxShadowDarkColor, 30),
-0.125rem 0.375rem 1rem fade(@_sap_ui_rta_ContextMenu_BoxShadowDarkColor, 60),
-0 0 0 0.0625rem fade(@_sap_ui_rta_ContextMenu_BoxShadowLightColor, 20),
-0 0.0625rem 0 0 fade(@_sap_ui_rta_ContextMenu_BoxShadowLightColor, 20); //10px 20px 6px 6px 1px 1px
+@_sap_ui_rta_ContextMenu_BorderLightColor: var(--sapButton_Lite_BorderColor);
+@_sap_ui_rta_ContextMenu_BorderDarkColor: var(--sapButton_Accept_BorderColor);
 
 .sapUiRtaMode {
+
 	.sapUiDtContextMenu {
+
 		&.sapMMenu {
-			border: 0.125rem solid @_sap_ui_rta_ContextMenu_BorderLightColor; //2px
+			border: 0.125rem solid @_sap_ui_rta_ContextMenu_BorderLightColor; /* 2px */
 			border-image: repeating-linear-gradient(-45deg, @_sap_ui_rta_ContextMenu_BorderDarkColor,
 			@_sap_ui_rta_ContextMenu_BorderDarkColor 0.25rem,
 			@_sap_ui_rta_ContextMenu_BorderLightColor 0.25rem,
 			@_sap_ui_rta_ContextMenu_BorderLightColor 0.375rem) 4;
-			box-shadow: @_sap_ui_rta_ContextMenu_BoxShadow;
+			box-shadow: var(--sapContent_Shadow2);
 		}
 	}
 }

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

@@ -1,40 +1,25 @@
-/******************************************************************
-	Style of the RTA Dialogs - base Theme
-*******************************************************************/
-@_sap_ui_rta_Dialogs_BorderLightColor: @sapUiButtonLiteBorderColor; //#fff
-@_sap_ui_rta_Dialogs_BorderDarkColor: @sapUiButtonAcceptBorderColor; //#006362
-@_sap_ui_rta_Dialogs_BoxShadowDarkColor: @sapUiDarkShadowTint; // #000
-@_sap_ui_rta_Dialogs_BoxShadowLightColor: @sapUiLightShadowTint; // #fff
-
-@_sap_ui_rta_Dialogs_BorderBoxShadow: 0.375rem 0.625rem 2rem fade(@_sap_ui_rta_Dialogs_BoxShadowDarkColor, 30),
-0.125rem 0.375rem 1rem fade(@_sap_ui_rta_Dialogs_BoxShadowDarkColor, 60),
-0 0 0 0.0625rem fade(@_sap_ui_rta_Dialogs_BoxShadowLightColor, 20),
-0 0.0625rem 0 0 fade(@_sap_ui_rta_Dialogs_BoxShadowLightColor, 20);
-
-@_sap_ui_rta_Dialogs_ArrowBoxShadow: 0.375rem -0.375rem 0.75rem 0 fade(@_sap_ui_rta_Dialogs_BoxShadowDarkColor, 30),
-0 0 0 0.0625rem fade(@_sap_ui_rta_Dialogs_BoxShadowLightColor, 20); //6px 6px 12px 1px
-
-@_sap_ui_rta_Dialogs_ArrowUpBoxShadow: -0.375rem 0.375rem 0.75rem 0 fade(@_sap_ui_rta_Dialogs_BoxShadowDarkColor, 30),
-0 0 0 0.0625rem fade(@_sap_ui_rta_Dialogs_BoxShadowLightColor, 20); //6px 6px 12px 1px
+/* =================================== */
+/* CSS for control sap.ui.rta/Dialogs  */
+/* Base theme                          */
+/* =================================== */
 
+@_sap_ui_rta_Dialogs_BorderLightColor: var(--sapButton_Lite_BorderColor); /* #fff */
+@_sap_ui_rta_Dialogs_BorderDarkColor: var(--sapButton_Accept_BorderColor); /* #006362 */
 @_sap_ui_rta_Dialogs_BorderImage: repeating-linear-gradient(-45deg, @_sap_ui_rta_Dialogs_BorderDarkColor,
 @_sap_ui_rta_Dialogs_BorderDarkColor 0.3125rem,
 @_sap_ui_rta_Dialogs_BorderLightColor 0.3125rem,
 @_sap_ui_rta_Dialogs_BorderLightColor 0.625rem) 4;
-
 @_sap_ui_rta_Dialogs_PopoverBorderImage: repeating-linear-gradient(-45deg, @_sap_ui_rta_Dialogs_BorderDarkColor,
 @_sap_ui_rta_Dialogs_BorderDarkColor 0.25rem,
 @_sap_ui_rta_Dialogs_BorderLightColor 0.25rem,
 @_sap_ui_rta_Dialogs_BorderLightColor 0.375rem) 4;
-
 @_sap_ui_rta_Dialogs_ArrowBorderImage: repeating-linear-gradient(-50deg, @_sap_ui_rta_Dialogs_BorderDarkColor,
 @_sap_ui_rta_Dialogs_BorderDarkColor 0.1875rem,
 @_sap_ui_rta_Dialogs_BorderLightColor 0.1875rem,
 @_sap_ui_rta_Dialogs_BorderLightColor 0.3125rem) 4;
 
-
 .sapMDialog.sapUiRTABorder {
-	border: 0.1875rem solid @_sap_ui_rta_Dialogs_BorderLightColor; //3px
+	border: 0.1875rem solid @_sap_ui_rta_Dialogs_BorderLightColor; /* 3px */
 	border-image: @_sap_ui_rta_Dialogs_BorderImage;
 
 	& header > .sapMDialogTitleGroup:focus::after {
@@ -44,35 +29,36 @@
 
 .sapUiRtaPopover {
 
-	&.sapMPopover, .sapMPopover {
-		border: 0.125rem solid @_sap_ui_rta_Dialogs_BorderLightColor; //2px
+	&.sapMPopover,
+	.sapMPopover {
+		border: 0.125rem solid @_sap_ui_rta_Dialogs_BorderLightColor; /* 2px */
 		border-image: @_sap_ui_rta_Dialogs_PopoverBorderImage;
-		box-shadow: @_sap_ui_rta_Dialogs_BorderBoxShadow;
+		box-shadow: var(--sapContent_Shadow2);
 
 		.sapMTableRowCustomFocus:focus > :not(.sapMListTblDummyCell:last-child)::before {
 			content: none;
 		}
 	}
 
-	&.sapMPopoverArr, .sapMPopoverArr {
-		width: 2rem; //32px
-		height: 2rem; //32px
-		bottom: -2rem; //32px
-		&:after {
-			box-shadow: @_sap_ui_rta_Dialogs_ArrowBoxShadow;
-			border: 0.125rem solid @_sap_ui_rta_Dialogs_BorderLightColor; //2px
+	&.sapMPopoverArr,
+	 .sapMPopoverArr {
+		width: 2rem; /* 32px */
+		height: 2rem; /* 32px */
+
+		&::after {
+			box-shadow: var(--sapContent_Shadow2);
+			border: 0.125rem solid @_sap_ui_rta_Dialogs_BorderLightColor; /* 2px */
 			border-image: @_sap_ui_rta_Dialogs_ArrowBorderImage;
-			width: 1rem; //16px
-			height: 0.8125rem; //13px
-			margin: -0.65rem 0 0 0.35rem; //10px 6px
+			margin-top: ~"calc(-1 * var(--sapContent_Space_Tiny))"; /* -8px */
 		}
 
 		&.sapMPopoverArrUp {
-			height: 0.8125rem; //13px
-			top: -0.8125rem; //13px
-			&:after {
-				box-shadow: @_sap_ui_rta_Dialogs_ArrowUpBoxShadow;
-				margin: 0.35rem 0 0 0.35rem; //6px 6px
+			height: 0.8125rem; /* 13px */
+			top: -0.8125rem; /* 13px */
+
+			&::after {
+				box-shadow: var(--sapContent_Shadow2);
+				margin-top: 0.35rem !important; /* 6px 6px */
 			}
 		}
 	}

package/src/sap/ui/rta/themes/base/FieldRepository.less

@@ -1,43 +1,36 @@
 /******************************************************************
 	Style of the RTA Add Fields Dialog  - base Theme
 *******************************************************************/
-@_sap_ui_rta_FieldRepository_BtnFocusOutlineColor: @sapUiContentFocusColor; //#000
 @_sap_ui_rta_FieldRepository_BC_Container_BorderColor: @sapUiGroupContentBorderColor; //#000
 
 .sapUIRtaFieldRepositoryDialog {
 
-	.sapMBtn {
-		&:focus {
-			> .sapMBtnInner {
-				outline: 0.0625rem dotted @_sap_ui_rta_FieldRepository_BtnFocusOutlineColor; //1px
-				border: 0.0625rem solid transparent;
-			}
-		}
-	}
-
 	.sapUIRtaListItem {
 		line-height: 1rem;
 	}
 
 	.sapUIRtaBusinessContextContainer {
 		width: 100%;
-		margin-top: 0.25rem; //4px
-		padding-bottom: 0.5rem; //8px
-		border-bottom: 0.0625rem solid @_sap_ui_rta_FieldRepository_BC_Container_BorderColor; //1px
+		padding: var(--sapContent_Space_Tiny) 0; /* 8px */
+		border-bottom: 0.0625rem solid @_sap_ui_rta_FieldRepository_BC_Container_BorderColor; /* 1px */
 
 		> div:not(:first-child) {
-			padding-left: 2.125rem;     //34px
-			padding-right: 0.625rem; //10px
+			padding-left: var(--sapContent_Space_Medium); /* 32px */
+			padding-right: var(--sapContent_Space_Tiny); /* 8px */
 		}
 
 		> div:first-child {
 			font-weight: bold;
-			padding: 0.25rem 0 0.25rem 0.625rem;
+			padding: var(--sapContent_Space_Tiny); /* 8px */
+		}
+
+		.sapMText {
+			max-width: 37.5rem; /* 600px */
 		}
 
 	}
 
 	.sapUIRtaCCDialogScrollContainer {
-		height: 25rem !important;
+		max-height: 25rem; /* 400px */
 	}
 }

package/src/sap/ui/rta/themes/base/FlexSupportExtension.less

@@ -1,19 +1,21 @@
-/******************************************************************
-	Style used by flex support chrome extension  - base Theme
-*******************************************************************/
-@_sap_ui_rta_FlexSupportExtension_BoxShadow: @sapUiUx3ToolPopupShadow; //0px 6px 12px 0px fade(black, 30);
-@_sap_ui_rta_FlexSupportExtension_BackgroundColor: fade(@sapUiSelected, 5%); //rgba(143, 181, 255, 0.05);
-@_sap_ui_rta_FlexSupportExtension_BorderRadius: @sapUiButtonBorderCornerRadius; //0.375rem
-@_sap_ui_rta_FlexSupportExtension_OutlineColor: @sapUiSelected; //#8fb5ff
+/* ================================================ */
+/* CSS for control sap.ui.rta/FlexSupportExtension  */
+/* Base theme                                       */
+/* ================================================ */
+
+@_sap_ui_rta_FlexSupportExtension_BackgroundColor: fade(@sapUiSelected, 5%); /* rgba(143, 181, 255, 0.05); */
+@_sap_ui_rta_FlexSupportExtension_BorderRadius: var(--sapButton_BorderCornerRadius); /* 0.375rem */
+@_sap_ui_rta_FlexSupportExtension_OutlineColor: var(--sapSelectedColor); /* #8fb5ff */
 
 .sapUiFlexibilitySupportExtension_Selected {
-	box-shadow: @_sap_ui_rta_FlexSupportExtension_BoxShadow;
-	&:after {
-		content: " ";
+	box-shadow: var(--sapContent_Shadow2);
+
+	&::after {
+		content: '';
 		background: @_sap_ui_rta_FlexSupportExtension_BackgroundColor;
-		opacity: 0.40;
+		opacity: 0.4;
 		border-radius: @_sap_ui_rta_FlexSupportExtension_BorderRadius;
-		outline: 0.125rem solid @_sap_ui_rta_FlexSupportExtension_OutlineColor; //1px
-		outline-offset: -0.125rem; //1px
+		outline: 0.125rem solid @_sap_ui_rta_FlexSupportExtension_OutlineColor; /* 1px */
+		outline-offset: -0.125rem; /* 1px */
 	}
 }

package/src/sap/ui/rta/themes/base/MessageBox.less

@@ -1,8 +1,10 @@
-/******************************************************************
-	Style of the RTA MessageBox  - base Theme
-*******************************************************************/
+/* ====================================== */
+/* CSS for control sap.ui.rta/MessageBox  */
+/* Base theme                             */
+/* ====================================== */
 
 .sapUiRtaMessageBox {
+
 	& .sapMLnk,
 	& .sapMText {
 		display: inline;