@openui5/sap.ui.rta 1.127.1 → 1.129.0

package/src/sap/ui/rta/plugin/iframe/AddIFrameDialogController.js

@@ -136,6 +136,7 @@ sap.ui.define([
 		onShowPreview() {
 			const sReturnedURL = this._buildReturnedURL();
 			const sURL = this._buildPreviewURL();
+
 			if (!isValidUrl(sURL).result) {
 				return;
 			}
@@ -150,11 +151,12 @@ sap.ui.define([
 				oPanelButton.setEnabled(false);
 			}
 			try {
-				this._oJSONModel.setProperty("/previewUrl/value", sURL);
 				this._oJSONModel.setProperty("/previousFrameUrl/value", sReturnedURL);
 				this._oJSONModel.setProperty("/settingsUpdate/value", false);
 
 				oIFrame.applySettings({ url: sURL, advancedSettings: {...this._oJSONModel.getProperty("/advancedSettings/value")} });
+				// Use the URL from the IFrame to ensure that the complete path is shown
+				this._oJSONModel.setProperty("/previewUrl/value", oIFrame.getUrl());
 			} catch (oError) {
 				Log.error("Error previewing the URL: ", oError);
 			}
@@ -268,8 +270,8 @@ sap.ui.define([
 			if (sValue.trim() === "") {
 				sValueState = "Error";
 				oInput.setValueState(sValueState);
-				bValidationError = true;
-				return bValidationError;
+				this._oJSONModel.setProperty("/areAllFieldsValid", false);
+				return true;
 			}
 
 			try {
@@ -279,8 +281,9 @@ sap.ui.define([
 				bValidationError = true;
 			}
 
+			const bAllFieldsValid = this._areAllTextFieldsValid() && this._areAllValueStateNones() && !bValidationError;
+			this._oJSONModel.setProperty("/areAllFieldsValid", bAllFieldsValid);
 			oInput.setValueState(sValueState);
-
 			return bValidationError;
 		},
 

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

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * @name sap.ui.rta.service.Action
 	 * @author SAP SE
 	 * @since 1.58
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 * @private
 	 * @ui5-restricted
 	 *
@@ -78,10 +78,11 @@ sap.ui.define([
 						: aResult;
 				}, [])
 				.map(function(mMenuItem) {
-					return Object.assign({}, mMenuItem, {
+					return {
+						...mMenuItem,
 						enabled: invoke(mMenuItem.enabled, aElementOverlays),
 						text: invoke(mMenuItem.text, aElementOverlays[0])
-					});
+					};
 				});
 			});
 		}

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

@@ -32,7 +32,7 @@ sap.ui.define([
 	 * @name sap.ui.rta.service.ControllerExtension
 	 * @author SAP SE
 	 * @since 1.58
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 * @private
 	 * @ui5-restricted
 	*/

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

@@ -43,7 +43,7 @@ sap.ui.define([
 	 * @name sap.ui.rta.service.Outline
 	 * @author SAP SE
 	 * @since 1.56
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 * @private
 	 * @ui5-restricted
 	 */
@@ -211,9 +211,7 @@ sap.ui.define([
 				var sAggregationOverlayId = oChildOverlay.getParent().getId();
 				// Aggregation with root template
 				if (mInnerTemplateData[sAggregationName]) {
-					return Object.assign({
-						templateFor: sAggregationOverlayId
-					}, mInnerTemplateData[sAggregationName]);
+					return { templateFor: sAggregationOverlayId, ...mInnerTemplateData[sAggregationName] };
 				}
 				return ((mTemplateData && mTemplateData.elements) || [])
 				.map(function(oElement) {
@@ -222,9 +220,7 @@ sap.ui.define([
 						oElement.type === "aggregationBindingTemplate"
 							|| oElement.parentAggregationName === sAggregationName
 					) {
-						return Object.assign({
-							templateFor: sAggregationOverlayId
-						}, oElement);
+						return { templateFor: sAggregationOverlayId, ...oElement };
 					}
 					// Regular aggregation
 					return oElement.technicalName === sAggregationName && oElement;
@@ -425,9 +421,9 @@ sap.ui.define([
 			var oData = getDefaultData(oElement, oDtMetadata, mTemplateData);
 
 			if (oOverlay instanceof ElementOverlay) {
-				return Object.assign(oData, getElementOverlayData(oOverlay, oElement, oDtMetadata));
+				return { ...oData, ...getElementOverlayData(oOverlay, oElement, oDtMetadata) };
 			}
-			return Object.assign(oData, getAggregationOverlayData(oOverlay, oParentOverlay, oElement));
+			return { ...oData, ...getAggregationOverlayData(oOverlay, oParentOverlay, oElement) };
 		};
 
 		/**

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

@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @name sap.ui.rta.service.Property
 	 * @author SAP SE
 	 * @since 1.58
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 * @private
 	 * @ui5-restricted
 	*/
@@ -117,14 +117,13 @@ sap.ui.define([
 				]
 			)
 			.then(function(aPromiseResults) {
-				return Object.assign(
-					{},
-					aPromiseResults[0] && !isEmptyObject(aPromiseResults[0]) && {annotations: aPromiseResults[0]},
-					aPromiseResults[1] && {properties: aPromiseResults[1]},
-					aPromiseResults[2] && {label: validate(aPromiseResults[2])},
-					oDesignTimeMetadataData.name && {name: oDesignTimeMetadata.getName(oElement)},
-					!isEmptyObject(aPromiseResults[3]) && {links: aPromiseResults[3]}
-				);
+				return {
+					...(aPromiseResults[0] && !isEmptyObject(aPromiseResults[0]) && {annotations: aPromiseResults[0]}),
+					...(aPromiseResults[1] && {properties: aPromiseResults[1]}),
+					...(aPromiseResults[2] && {label: validate(aPromiseResults[2])}),
+					...(oDesignTimeMetadataData.name && {name: oDesignTimeMetadata.getName(oElement)}),
+					...(!isEmptyObject(aPromiseResults[3]) && {links: aPromiseResults[3]})
+				};
 			});
 		};
 
@@ -274,7 +273,7 @@ sap.ui.define([
 						// to ensure ignore function is replaced by a boolean value
 						mDtObj[sKey].ignore = bIgnore;
 						if (!bIgnore) {
-							mFiltered[sKey] = Object.assign({}, mDtObj[sKey]);
+							mFiltered[sKey] = { ...mDtObj[sKey] };
 							return oProperty._getResolvedLinks(mFiltered[sKey].links, oElement)
 							.then(function(mLinks) {
 								if (!isEmptyObject(mLinks)) {
@@ -316,7 +315,7 @@ sap.ui.define([
 		 */
 		oProperty._getResolvedLinks = function(mLinks, oElement) {
 			var aTextPromises = [];
-			var mResolvedLinks = Object.assign({}, mLinks);
+			var mResolvedLinks = { ...mLinks };
 
 			Object.keys(mResolvedLinks).forEach(function(sLinkName) {
 				if (Array.isArray(mResolvedLinks[sLinkName])) {

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

@@ -14,7 +14,7 @@ sap.ui.define(function() {
 	 * @name sap.ui.rta.service.Selection
 	 * @author SAP SE
 	 * @since 1.58
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 * @private
 	 * @ui5-restricted
 	*/

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

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * @name sap.ui.rta.service.SupportTools
 	 * @author SAP SE
 	 * @since 1.106
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 * @private
 	 * @ui5-restricted
 	 */

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

@@ -1,10 +1,9 @@
 /******************************************************************
 	Style of the RTA Add IFrame Dialog  - base Theme
 *******************************************************************/
-@_sap_ui_rta_AddIFrame_Title: @sapUiTextTitle; //#000
-@_sap_ui_rta_AddIFrame_DelimiterLineColor: @sapUiInfobarActiveBackground; //#d9d9d9
-@_sap_ui_rta_AddIFrame_BorderColor: @sapUiNeutralBorder; //#fff;
-@_sap_ui_rta_AddIFrame_PreviewBG: @sapUiListTableGroupHeaderBackground; //#f2f2f2
+@_sap_ui_rta_AddIFrame_BorderColor: @sapUiGroupContentBorderColor; //#000;
+@_sap_ui_rta_AddIFrame_PreviewBackgroundColor: @sapUiContentImagePlaceholderBackground; //#fff
+@_sap_ui_rta_AddIFrame_PreviewTextColor: @sapUiContentForegroundTextColor; //#000
 
 .sapUiRtaMode {
 	.sapUiRtaAddIFrameDialog {
@@ -16,10 +15,6 @@
 			&:focus::after {
 				content: none;
 			}
-
-			.sapMTitle {
-				color: @_sap_ui_rta_AddIFrame_Title;
-			}
 		}
 
 		.sapUiRtaAddIFrameDialogVlWrapper {
@@ -48,7 +43,7 @@
 			.sapUiRtaAddIFrameDialogPercentGrid {
 				padding: 0.25rem 0 0 0;
 				margin: 0 1rem;
-				border-bottom: 0.0625rem solid @_sap_ui_rta_AddIFrame_DelimiterLineColor; //1px
+				border-bottom: 0.0625rem solid @_sap_ui_rta_AddIFrame_BorderColor; //1px
 
 				> div {
 					margin-bottom: 0.25rem;
@@ -119,7 +114,7 @@
 			.sapUiRtaAddIFrameDialogPreviewGrid {
 				padding: 0;
 				margin: 0 1rem 1rem;
-				background: @_sap_ui_rta_AddIFrame_PreviewBG;
+				background: @_sap_ui_rta_AddIFrame_PreviewBackgroundColor;
 				border: 0.0625rem solid @_sap_ui_rta_AddIFrame_BorderColor; //1px
 
 				> div {
@@ -130,6 +125,9 @@
 				.sapUiRtaAddIFrameDialogNoPreviewLabel {
 					margin-top: 4rem;
 				}
+				.sapMLabelTextWrapper {
+					color: @_sap_ui_rta_AddIFrame_PreviewTextColor;
+				}
 			}
 		}
 	}

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

@@ -4,9 +4,8 @@
 @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorLight: @sapUiChartPaletteSequentialHue1Light1; //#4880cb
 @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorMedium: @sapUiChartPaletteSequentialHue1Dark1; //#1b57a7
 @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark: @sapUiChartPaletteSequentialHue11Dark2; //#0e4186
-@_sap_ui_rta_ChangeVisualization_DependentIndicatorColorTransparent: @sapUiGroupTitleBackground; //#fff
 @_sap_ui_rta_ChangeVisualization_OverlayBoxShadow: @sapUiUx3ToolPopupShadow; //0px 6px 12px 0px fade(black, 30);
-@_sap_ui_rta_ChangeVisualization_OverlayOutline: @sapUiSelected; //#8fb5ff
+@_sap_ui_rta_ChangeVisualization_OverlayOutlineColor: @sapUiSelected; //#8fb5ff
 
 .sapUiRtaChangeIndicator {
 	height: 0.8rem;
@@ -55,7 +54,7 @@
 			content: " ";
 			transition: box-shadow .25s;
 			box-shadow: @_sap_ui_rta_ChangeVisualization_OverlayBoxShadow;
-			outline: 0.0625rem solid @_sap_ui_rta_ChangeVisualization_OverlayOutline !important; //1px
+			outline: 0.0625rem solid @_sap_ui_rta_ChangeVisualization_OverlayOutlineColor !important; //1px
 			outline-offset: -0.0625rem; //1px
 		}
 	}

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

@@ -1,24 +1,24 @@
 /******************************************************************
 	Style of the RTA Contextmenu - base Theme
 *******************************************************************/
-@_sap_ui_rta_ContextMenu_Border_LightColor: @sapUiInvertedElement; //#fff
-@_sap_ui_rta_ContextMenu_Border_DarkColor: darken(desaturate(@sapUiChart1, 48%), 14%); //#435060
-@_sap_ui_rta_ContextMenu_BoxShadow_DarkColor: @sapUiDarkShadowTint; // #000
-@_sap_ui_rta_ContextMenu_BoxShadow_LightColor: @sapUiLightShadowTint; // #fff
+@_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
 
-@_sap_ui_rta_ContextMenu_BoxShadow: 0.375rem 0.625rem 2rem fade(@_sap_ui_rta_ContextMenu_BoxShadow_DarkColor, 30),
-0.125rem 0.375rem 1rem fade(@_sap_ui_rta_ContextMenu_BoxShadow_DarkColor, 60),
-0 0 0 0.0625rem fade(@_sap_ui_rta_ContextMenu_BoxShadow_LightColor, 20),
-0 0.0625rem 0 0 fade(@_sap_ui_rta_ContextMenu_BoxShadow_LightColor, 20); //10px 20px 6px 6px 1px 1px
+@_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
 
 .sapUiRtaMode {
 	.sapUiDtContextMenu {
 		&.sapMMenu {
-			border: 0.125rem solid @_sap_ui_rta_ContextMenu_Border_LightColor; //2px
-			border-image: repeating-linear-gradient(-45deg, @_sap_ui_rta_ContextMenu_Border_DarkColor,
-			@_sap_ui_rta_ContextMenu_Border_DarkColor 0.25rem,
-			@_sap_ui_rta_ContextMenu_Border_LightColor 0.25rem,
-			@_sap_ui_rta_ContextMenu_Border_LightColor 0.375rem) 4;
+			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;
 		}
 	}

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

@@ -1,8 +1,8 @@
 /******************************************************************
 	Style of the RTA Dialogs - base Theme
 *******************************************************************/
-@_sap_ui_rta_Dialogs_BorderLightColor: @sapUiShellBackground; //#fff
-@_sap_ui_rta_Dialogs_BorderDarkColor: darken(desaturate(@sapUiChart1, 48%), 14%); //#435060
+@_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
 

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

@@ -1,20 +1,15 @@
 /******************************************************************
 	Style of the RTA Add Fields Dialog  - base Theme
 *******************************************************************/
-@_sap_ui_rta_FieldRepository_Title: @sapUiTextTitle; //#000
-@_sap_ui_rta_FieldRepository_BtnFocusOtline: @sapUiButtonHoverBorderColor; //#000
-@_sap_ui_rta_FieldRepository_BC_Container_Border: @sapUiGroupContentBorderColor; //#000
+@_sap_ui_rta_FieldRepository_BtnFocusOutlineColor: @sapUiContentFocusColor; //#000
+@_sap_ui_rta_FieldRepository_BC_Container_BorderColor: @sapUiGroupContentBorderColor; //#000
 
 .sapUIRtaFieldRepositoryDialog {
 
-	&.sapMDialog > header .sapMDialogTitleGroup .sapMTitle {
-		color: @_sap_ui_rta_FieldRepository_Title;
-	}
-
 	.sapMBtn {
 		&:focus {
 			> .sapMBtnInner {
-				outline: 0.0625rem dotted @_sap_ui_rta_FieldRepository_BtnFocusOtline; //1px
+				outline: 0.0625rem dotted @_sap_ui_rta_FieldRepository_BtnFocusOutlineColor; //1px
 				border: 0.0625rem solid transparent;
 			}
 		}
@@ -28,10 +23,10 @@
 		width: 100%;
 		margin-top: 0.25rem; //4px
 		padding-bottom: 0.5rem; //8px
-		border-bottom: 0.0625rem solid @_sap_ui_rta_FieldRepository_BC_Container_Border; //1px
+		border-bottom: 0.0625rem solid @_sap_ui_rta_FieldRepository_BC_Container_BorderColor; //1px
 
 		> div:not(:first-child) {
-			padding-left: 2.125rem; //34px
+			padding-left: 2.125rem;     //34px
 			padding-right: 0.625rem; //10px
 		}
 

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

@@ -1,14 +1,19 @@
 /******************************************************************
 	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
+
 .sapUiFlexibilitySupportExtension_Selected {
-	box-shadow: @sapUiUx3ToolPopupShadow;
+	box-shadow: @_sap_ui_rta_FlexSupportExtension_BoxShadow;
 	&:after {
 		content: " ";
-		background: @sapUiMessageSuccessBorderColor;
+		background: @_sap_ui_rta_FlexSupportExtension_BackgroundColor;
 		opacity: 0.40;
-		border-radius: @sapUiButtonBorderCornerRadius;
-		outline: 0.125rem solid @sapUiSelected; //1px
+		border-radius: @_sap_ui_rta_FlexSupportExtension_BorderRadius;
+		outline: 0.125rem solid @_sap_ui_rta_FlexSupportExtension_OutlineColor; //1px
 		outline-offset: -0.125rem; //1px
 	}
 }

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

@@ -1,16 +1,9 @@
 /******************************************************************
 	Style of the RTA Overlays - base Theme
 *******************************************************************/
-@_sap_ui_rta_Overlay_PersButtonBG: @sapUiButtonSelectedBackground; //#8fb5ff
-@_sap_ui_rta_Overlay_PersButtonBorder: @sapUiButtonLiteBorderColor; // #fff
-@_sap_ui_rta_Overlay_PersButtonIcon: @sapUiButtonBackground; // #fff
-@_sap_ui_rta_Overlay_BorderColor: @sapUiSelected; //#8fb5ff
-@_sap_ui_rta_Overlay_HoverBorder: @sapUiFieldHoverBackground; //#fff;
-@_sap_ui_rta_Overlay_HoverBG: fade(@sapUiSelected, 5%); //rgba(143, 181, 255, 0.05);
-@_sap_ui_rta_Overlay_ErrorBorder: @sapUiErrorBorder; //#ff0000
+@_sap_ui_rta_Overlay_ResizeHandleColor: @sapUiSelected; //#8fb5ff
+@_sap_ui_rta_Overlay_ErrorBorderColor: @sapUiErrorBorder; //#ff0000
 @_sap_ui_rta_Overlay_BoxShadow: @sapUiUx3ToolPopupShadow; //0px 6px 12px 0px fade(black, 30);
-@_sap_ui_rta_Overlay_ShellBG: darken(desaturate(@sapUiChart1, 48%), 14%); //#435060
-@_sap_ui_rta_Overlay_PlaceholderBG: lighten(@sapUiFieldReadOnlyBackground, 20%); // #e6e6e6
 
 .sapUiRtaRoot {
 	.sapUiRtaMarginBottom {
@@ -30,162 +23,7 @@
 	padding-top: 2rem; //32px
 }
 
-.sapUiRta {
-	&.sapUiRtaPersonalize {
-		.sapUiRtaPersDelete {
-			.sapUiRtaPersDeleteClick {
-				.sapUiRtaPersDeleteIconOuter {
-					.sapMBtn {
-						top: 0.625rem; //10px
-						right: 0.625rem; //10px
-						position: absolute;
-						height: 1.5rem; //24px
-						padding: 0;
-
-						.sapMBtnInner {
-							border-radius: 50%;
-							width: 1.5rem; //24px
-							height: 1.5rem; //24px
-							min-width: 1.5rem; //24px
-							background-color: @_sap_ui_rta_Overlay_PersButtonBG;
-							box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.2);
-							cursor: pointer;
-							border: 0.125rem solid @_sap_ui_rta_Overlay_PersButtonBorder; //2px
-
-							.sapUiIcon {
-								color: @_sap_ui_rta_Overlay_PersButtonIcon;
-								font-size: 0.69rem; //11px
-								line-height: 1.25rem; //20px
-							}
-						}
-					}
-				}
-			}
-
-			&.sapUiRtaOverlayPlaceholder {
-				.sapUiRtaPersDeleteClick {
-					display: none;
-				}
-			}
-		}
-
-		.sapUiRtaPersAdd, .sapUiRtaPersAddTop {
-			.sapUiRtaPersAddIconOuter {
-				position: absolute;
-				text-align: center;
-				width: 100%;
-
-				.sapMBtn {
-					height: 100%;
-					padding: 0;
-
-					.sapMBtnInner {
-						border: none;
-						background-color: transparent;
-
-						.sapMBtnIcon {
-							font-size: 1rem; //16px
-						}
-					}
-				}
-			}
-		}
-
-		.sapUiRtaPersAdd {
-			> .sapUiRtaPersAddIconOuter {
-				bottom: -2.5rem; //40px
-				top: auto;
-			}
-		}
-	}
-
-	.sapUiDtOverlayTargetZone {
-		&:after {
-			transition: box-shadow .25s;
-			box-shadow: @_sap_ui_rta_Overlay_BoxShadow;
-		}
-
-		> .sapUiDtOverlayChildren {
-			> .sapUiRtaOverlayPlaceholder {
-				border: none;
-			}
-		}
-
-		&.sapUiDtOverlayDropZone > .sapUiDtOverlayChildren > .sapUiRtaOverlayPlaceholder {
-			background: transparent;
-		}
-	}
-
-	.sapUiDtOverlayDropZone {
-		> .sapUiDtOverlayChildren {
-			> .sapUiRtaOverlayPlaceholder {
-				background: @_sap_ui_rta_Overlay_PlaceholderBG !important;
-				// no "border"
-				&:after {
-					content: none;
-				}
-
-				// no "focus" border
-				&:focus {
-					&:before {
-						content: none;
-					}
-				}
-
-				// all descendants
-				* {
-					background: @_sap_ui_rta_Overlay_PlaceholderBG;
-					// no "border"
-					&:after {
-						content: none;
-					}
-
-					// no "focus" border
-					&:focus {
-						&:before {
-							content: none;
-						}
-					}
-				}
-			}
-		}
-	}
-
-	.sapUiRtaEditableField {
-		position: absolute;
-		top: 0;
-		bottom: 0;
-		left: 0;
-		right: 0;
-
-		> div:hover {
-			cursor: text !important;
-		}
-	}
-
-	.sapUiDtDragGhost {
-		box-shadow: @_sap_ui_rta_Overlay_BoxShadow;
-	}
-}
-
 .sapUiRta:not(.sapUiRtaVisualizationMode) {
-	.sapUiRtaOverlayHover {
-		-webkit-transition: background 0.1s cubic-bezier(1, .01, 1, 0);
-		-moz-transition: background 0.1s cubic-bezier(1, .01, 1, 0);
-		-o-transition: background 0.1s cubic-bezier(1, .01, 1, 0);
-		transition: background 0.1s cubic-bezier(1, .01, 1, 0);
-		background: @_sap_ui_rta_Overlay_HoverBG;
-
-		&:after {
-			content: " ";
-			border: 0.0625rem solid @_sap_ui_rta_Overlay_HoverBorder; //1px
-			transition: box-shadow .25s;
-			box-shadow: @_sap_ui_rta_Overlay_BoxShadow;
-			outline: 0.0625rem solid @_sap_ui_rta_Overlay_BorderColor; //1px
-			outline-offset: -0.0625rem; //1px
-		}
-	}
-
 	.sapUiRtaResizeHandle {
 		cursor: col-resize;
 		position: absolute;
@@ -193,7 +31,7 @@
 		bottom: 0;
 		width: 0.625rem; // 10px
 		background-clip: content-box;
-		background-color: @_sap_ui_rta_Overlay_BorderColor;
+		background-color: @_sap_ui_rta_Overlay_ResizeHandleColor;
 		-webkit-user-select: none;
 		user-select: none;
 
@@ -221,7 +59,7 @@
 		top: 0;
 		bottom: 0;
 		width: 0.5rem; // 8px
-		border-right: 0.125rem dotted @_sap_ui_rta_Overlay_BorderColor; // 2px
+		border-right: 0.125rem dotted @_sap_ui_rta_Overlay_ResizeHandleColor; // 2px
 		background-clip: content-box;
 		-webkit-user-select: none;
 		user-select: none;
@@ -240,30 +78,39 @@
 		transition: box-shadow .25s;
 		box-shadow: @_sap_ui_rta_Overlay_BoxShadow;
 
-		&:after {
-			outline-color: @_sap_ui_rta_Overlay_BorderColor;
-		}
-
 		&.sapUiRtaErrorBg:after {
-			outline: 0.125rem solid @_sap_ui_rta_Overlay_ErrorBorder; //2px
+			outline: 0.125rem solid @_sap_ui_rta_Overlay_ErrorBorderColor; //2px
 			outline-offset: -0.125rem; //2px
 			border: none
 		}
 	}
-}
+	.sapUiRtaEditableField {
+		position: absolute;
+		top: 0;
+		bottom: 0;
+		left: 0;
+		right: 0;
 
-.sapUiRtaMode #shell-shapes {
-	display: none;
+		> div:hover {
+			cursor: text !important;
+		}
+	}
 }
 
-.sapUiRtaMode .sapUiShellBackgroundImage.sapUiGlobalBackgroundImageForce.sapUshellShellBG {
-	background-color: @_sap_ui_rta_Overlay_ShellBG;
-	background-image: none;
+.sapUiRta {
+	&.sapUiRtaVisualizationMode {
+		.sapUiDtOverlayHover {
+			background: inherit;
+
+			&:after {
+				content: none;
+			}
+		}
+	}
 }
 
-.sapUiRtaMode .sapUshellViewPortCenter,
-.sapUiRtaMode .sapMShellBG {
-	background: @_sap_ui_rta_Overlay_ShellBG;
+.sapUiRtaMode #shell-shapes {
+	display: none;
 }
 
 .sapUiRtaMode .sapUiBlockLayerOnly {

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

@@ -45,7 +45,7 @@
 		}
 	}
 
-	&.sapUiRtaOverlayHover {
+	&.sapUiDtOverlayHover {
 		&.sapUiDtOverlayWithScrollBarHorizontal {
 			&:after {
 				inset-block-end: var(--sap-ui-rta-scrollbar-scrollWidth) !important;