@openui5/themelib_sap_horizon 1.127.0 → 1.128.0

package/src/sap/m/themes/sap_horizon_hcw/Button.less

@@ -3,15 +3,16 @@
 /* Horizon High Contrast White theme  */
 /* ================================== */
 
-@_sap_m_Button_EmphasizedFocusColor: @sapUiContentFocusColor;
+@_sap_m_Button_EmphasizedFocusColor: var(--sapContent_FocusColor);
 
 .sapMBtn {
 	height: 2.75rem;
 }
 
 .sapMBtnEmphasized {
-	font-weight: @sapUiButtonEmphasizedFontWeight;
+	font-weight: var(--sapButton_Emphasized_FontWeight);
 	border: 0.125rem solid;
+
 	.sapMBtnContent {
 		line-height: 2rem;
 	}
@@ -22,14 +23,15 @@
 /* --------------------- */
 .sapMBtnInner {
 	font-size: @sapMFontMediumSize;
-	height: @sapUiElementHeight;
+	height: var(--sapElement_Height);
 	min-width: 2.25rem;
 	margin: 0;
 	padding: 0;
 	text-align: center;
 	position: relative;
-	border-radius: @sapUiButtonBorderCornerRadius;
+	border-radius: var(--sapButton_BorderCornerRadius);
 	text-shadow: none;
+
 	&.sapMBtnCritical,
 	&.sapMBtnNegative,
 	&.sapMBtnSuccess,
@@ -47,7 +49,7 @@
 	line-height: 2.125rem;
 }
 
-.sapMBtnInner.sapMBtnText .sapMBtnIcon:before {
+.sapMBtnInner.sapMBtnText .sapMBtnIcon::before {
 	width: 1rem;
 	text-align: center;
 	display: inline-block;
@@ -95,23 +97,24 @@
 }
 
 .sapMBtnGhost {
-	color: @sapUiButtonTextColor;
-	border: 0.0625rem solid @sapUiButtonBorderColor;
-	background: @sapUiButtonLiteBackground;
+	color: var(--sapButton_TextColor);
+	border: 0.0625rem solid var(--sapButton_BorderColor);
+	background: var(--sapButton_Lite_Background);
 }
 
 .sapMBtnGhost.sapMBtnHoverable.sapMBtnActive {
-	color: @sapUiButtonActiveTextColor;
-	border-color: @sapUiButtonActiveBorderColor;
-	background: @sapUiButtonActiveBackground;
+	color: var(--sapButton_Active_TextColor);
+	border-color: var(--sapButton_Active_BorderColor);
+	background: var(--sapButton_Active_Background);
 }
 
 .sapMBtn:hover > .sapMBtnGhost.sapMBtnHoverable:not(.sapMBtnActive) {
-	background: @sapUiButtonHoverBackground;
-	border-color: @sapUiButtonHoverBorderColor;
+	background: var(--sapButton_Hover_Background);
+	border-color: var(--sapButton_Hover_BorderColor);
 }
 
 .sapUiSizeCompact {
+
 	.sapMBtnIcon {
 		margin-left: 0;
 		margin-right: 0;
@@ -122,7 +125,7 @@
 		padding-right: 0.4375rem;
 	}
 
-	.sapMBtnBack.sapMBtnIconFirst:not(.sapMBtnText) > .sapMBtnIconLeft:not(:last-child)
+	.sapMBtnBack.sapMBtnIconFirst:not(.sapMBtnText) > .sapMBtnIconLeft:not(:last-child),
 	.sapMBtnIconLeft + .sapMBtnIconRight,
 	.sapMBtnIconLeft + .sapMBtnIconLeft,
 	.sapMBtnInner .sapMBtnIcon :not(img) {
@@ -144,12 +147,12 @@
 /* ---------------------------------------------------------------------*/
 
 html.sap-desktop .sapMBtn:focus > .sapMFocusable {
-	outline:          @sapUiContentFocusWidth dotted @sapUiContentFocusColor;
-	outline-offset:   -0.25rem;
+	outline: var(--sapContent_FocusWidth) dotted var(--sapContent_FocusColor);
+	outline-offset: -0.25rem;
 }
 
 html.sap-desktop .sapMBtn:focus > .sapMBtnActive.sapMFocusable {
-	outline-color:    @sapUiContentContrastFocusColor;
+	outline-color: var(--sapContent_ContrastFocusColor);
 }
 
 html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMFocusable,
@@ -157,15 +160,15 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnCritical.sapMFocusable,
 html.sap-desktop .sapMBtn:focus > .sapMBtnNegative.sapMFocusable,
 html.sap-desktop .sapMBtn:focus > .sapMBtnSuccess.sapMFocusable,
 html.sap-desktop .sapMBtn:focus > .sapMBtnNeutral.sapMFocusable {
-	outline-color:     @sapUiContentContrastFocusColor;
+	outline-color: var(--sapContent_ContrastFocusColor);
 }
 
 html.sap-desktop .sapMBtn:focus > .sapMBtnActive.sapMBtnEmphasized.sapMFocusable {
-	outline-color:    @sapUiContentContrastFocusColor;
+	outline-color: var(--sapContent_ContrastFocusColor);
 }
 
 .sapMTB-Transparent-CTX .sapMBtnInner:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnAttention):not(.sapMBtnReject):not(.sapMBtnActive):not(.sapMBtnGhost) {
-	border-color: @sapUiButtonLiteBorderColor;
+	border-color: var(--sapButton_Lite_BorderColor);
 }
 
 /* ---------------------------------------------------------------------*/
@@ -173,7 +176,7 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnActive.sapMBtnEmphasized.sapMFocusable
 /* ---------------------------------------------------------------------*/
 
 .sapMBtnDisabled {
-	opacity: @sapUiContentDisabledOpacity;
+	opacity: var(--sapContent_DisabledOpacity);
 }
 
 /* ------------------------------------------------ */
@@ -182,65 +185,68 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnActive.sapMBtnEmphasized.sapMFocusable
 /* ------------------------------------------------ */
 
 .sapUiSizeCompact .sapMBar-CTX .sapMBtnInner.sapMBtnGhost:not(.sapMBtnDisabled) {
-	background: @sapUiButtonLiteBackground;
-	border: 0.0625rem solid @sapUiButtonBorderColor;
+	background: var(--sapButton_Lite_Background);
+	border: 0.0625rem solid var(--sapButton_BorderColor);
 }
 
 .sapMIBar-CTX .sapMBtn:hover > .sapMBtnGhost.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
-	background: @sapUiButtonHoverBackground;
-	border-color: @sapUiButtonHoverBorderColor;
+	background: var(--sapButton_Hover_Background);
+	border-color: var(--sapButton_Hover_BorderColor);
 }
 
 html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnAccept {
-	border-color: @sapUiButtonAcceptBorderColor;
+	border-color: var(--sapButton_Accept_BorderColor);
 }
 
 html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnAttention {
-	border-color: @sapUiButtonAttentionBorderColor;
+	border-color: var(--sapButton_Attention_BorderColor);
 }
 
 html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnReject {
-	border-color: @sapUiButtonRejectBorderColor;
+	border-color: var(--sapButton_Reject_BorderColor);
 }
 
 .sapMBar-CTX,
 .sapMTB-Transparent-CTX {
+
 	& :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnTransparent.sapMBtnActive {
+
 		& > .sapMBtnContent,
 		& > .sapMBtnIcon {
-			color: @sapUiButtonActiveTextColor;
+			color: var(--sapButton_Active_TextColor);
 		}
 	}
 }
 
 .sap-desktop .sapMIBar-CTX, .sap-desktop .sapMTB-Transparent-CTX {
+
 	.sapMBtn:not(.sapMBtnDisabled):hover > .sapMBtnInner:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnReject):not(.sapMBtnActive):not(.sapMBtnGhost):not(.sapMBtnCritical):not(.sapMBtnNegative):not(.sapMBtnNeutral):not(.sapMBtnSuccess) {
-		border-color: @sapUiButtonHoverBorderColor;
+		border-color: var(--sapButton_Hover_BorderColor);
 	}
 }
 
 .sapMTB-Transparent-CTX .sapMBtn:not(.sapMBtnDisabled) > .sapMBtnDefault.sapMBtnActive {
-	background-color: @sapUiButtonActiveBackground;
+	background-color: var(--sapButton_Active_Background);
 }
 
 :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnIconFirst.sapMBtnTransparent.sapMBtnActive,
 :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnIconLast.sapMBtnTransparent.sapMBtnActive {
-	background-color: @sapUiButtonLiteActiveBackground;
-	border-color: @sapUiButtonLiteActiveBorderColor;
+	background-color: var(--sapButton_Lite_Active_Background);
+	border-color: var(--sapButton_Lite_Active_BorderColor);
 }
 
 /* ----------------------*/
 /* Badges                */
 /* ----------------------*/
 
-.sapMBtn .sapMBadge .sapMBadgeIndicator:after {
-	background-color: @sapContent_BadgeBackground;
-	border-color: @sapGroup_ContentBorderColor;
-	color: @sapContent_BadgeTextColor;
-	font-size: @sapFontSmallSize;
+.sapMBtn .sapMBadge .sapMBadgeIndicator::after {
+	background-color: var(--sapContent_BadgeBackground);
+	border-color: var(--sapGroup_ContentBorderColor);
+	color: var(--sapContent_BadgeTextColor);
+	font-size: var(--sapFontSmallSize);
 	text-align: center;
 }
 
 .sapUiSizeCompact .sapMBar-CTX .sapMBtnDefault.sapMBtnInner:not(.sapMBtnDisabled) {
-	border-color: @sapUiButtonSelectedBorderColor;
+	border-color: var(--sapButton_Selected_BorderColor);
 }

package/src/sap/m/themes/sap_horizon_hcw/Carousel.less

@@ -3,14 +3,14 @@
 /* Horizon High Contrast White theme  */
 /* ================================== */
 
-// ==========================================================================
-// Variables overriding
-// ==========================================================================
+/* ========================================================================== */
+/* Variables overriding */
+/* ========================================================================== */
 
-@_sap_m_Carousel_BackgroundColor: @sapUiBaseBG;
+@_sap_m_Carousel_BackgroundColor: var(--sapBackgroundColor);
 @_sap_m_Carousel_MinWidth: 15.5rem;
 @_sap_m_Carousel_ControlsNoArrowsHeight: 2.75rem;
-@_sap_m_Carousel_NumericIndicatorTextColor: @sapUiPageFooterTextColor;
+@_sap_m_Carousel_NumericIndicatorTextColor: var(--sapPageFooter_TextColor);
 @_sap_m_Carousel_PrevAndNextSize: 2.125rem;
 @_sap_m_Carousel_PrevAndNextPosition: 0.5rem;
 @_sap_m_Carousel_PageIndicatorWidthSizeS: 9rem;
@@ -18,12 +18,12 @@
 @_sap_m_Carousel_PageIndicatorWidthSizeL: @_sap_m_Carousel_PageIndicatorWidthSizeS;
 @_sap_m_Carousel_PageIndicatorWidthSizeXL: @_sap_m_Carousel_PageIndicatorWidthSizeS;
 @_sap_m_Carousel_PageIndicatorContainerPadding: 0.5rem;
-@_sap_m_Carousel_ContentArrowBoxShadow: @sapUiContentShadow1;
+@_sap_m_Carousel_ContentArrowBoxShadow: var(--sapContent_Shadow1);
 @_sap_m_Carousel_BulletInactiveBackground: transparent;
-@_sap_m_Carousel_BulletInactiveBorderColor: @sapUiContentForegroundBorderColor;
-@_sap_m_Carousel_BulletActiveBackground: @sapUiContentSelectedForegroundColor;
-@_sap_m_Carousel_BulletActiveBorder: @sapUiContentSelectedForegroundColor;
+@_sap_m_Carousel_BulletInactiveBorderColor: var(--sapContent_ForegroundBorderColor);
+@_sap_m_Carousel_BulletActiveBackground: var(--sapContent_Selected_ForegroundColor);
+@_sap_m_Carousel_BulletActiveBorder: var(--sapContent_Selected_ForegroundColor);
 @_sap_m_Carousel_BulletInactiveWidth: 0.375rem;
 @_sap_m_Carousel_BulletInactiveMargin: 0 0.25rem;
 @_sap_m_Carousel_FocusBorderOffsetArrow: -0.3125rem;
-@_sap_m_Carousel_ContrastFocusBorder: @sapUiContentFocusWidth solid @sapUiBaseBG;
+@_sap_m_Carousel_ContrastFocusBorder: var(--sapContent_FocusWidth) solid var(--sapBackgroundColor);

package/src/sap/m/themes/sap_horizon_hcw/Dialog.less

@@ -23,16 +23,6 @@
 	font-size: 1rem;
 }
 
-.sapMDialogResizeHandler {
-	right: 6px;
-	bottom: 3px;
-
-	&::before {
-		content: attr(data-sap-ui-icon-content);
-		color: @sapUiButtonLiteTextColor;
-	}
-}
-
 .sapMDialogBeginButton, .sapMDialogEndButton {
 	min-width: 4rem;
 }

package/src/sap/m/themes/sap_horizon_hcw/GenericTile.less

@@ -132,11 +132,6 @@
 	color: @sapUiTileTextColor;
 }
 
-html.sap-desktop .sapFGridContainer .sapFGridContainerItemWrapperNoVisualFocus:focus .sapMGTFocusDiv, // focus inside GridContainer
-html.sap-desktop .sapMGT:focus .sapMGTFocusDiv,
-html.sap-desktop .sapMGT:active .sapMGTFocusDiv {
-	border: 0.125rem dotted @sapUiContentFocusColor;
-}
 
 .sapMGTOverlay {
 	opacity: 1;

package/src/sap/m/themes/sap_horizon_hcw/HeaderContainer.less

@@ -20,11 +20,6 @@
     border: 2px solid transparent;
 }
 
-html.sap-desktop .sapMHrdrCntrInner:focus {
-    outline: none;
-    border: 2px dotted @sapUiContentFocusColor;
-}
-
 .sapMHdrCntrBtnIcon{
 	color: @sapContent_NonInteractiveIconColor;
 }

package/src/sap/m/themes/sap_horizon_hcw/Popover.less

@@ -103,26 +103,6 @@
 	}
 }
 
-.sapMPopoverWithoutSubHeader .sapMPopoverHeader, .sapMPopoverSubHeader {
-	&:after {
-		content: "";
-		position: absolute;
-		height: 1px;
-		bottom: 0px;
-		width: 100%;
-		box-shadow: @sapUiShadowHeader;
-		z-index: 1;
-	}
-
-	.sapMIBar-CTX {
-		z-index: 2;
-	}
-}
-
-.sapMPopoverWithSubHeader .sapMPopoverHeader .sapMIBar-CTX {
-	box-shadow: none;
-}
-
 .sapMPopover {
 	border-radius: @sapUiPopoverBorderCornerRadius;
 
@@ -164,7 +144,5 @@
 }
 
 .sapMPopoverResizeHandle {
-	top: -8px;
-	right: -3px;
 	color: @sapButton_Lite_TextColor;
 }

package/src/sap/m/themes/sap_horizon_hcw/SinglePlanningCalendarGrid.less

@@ -46,6 +46,7 @@ html.sap-desktop {
 	.sapMSinglePCColumnWeekend,
 	.sapMSinglePCNonWorkingRow,
 	.sapMSinglePCBlockersRow,
+	.sapMSinglePCNonWorkingPeriod,
 	.sapMSinglePCRowHeaders {
 		background-color: @sapUiListAlternatingBackground;
 	}

package/src/sap/m/themes/sap_horizon_hcw/SlideTile.less

@@ -7,7 +7,6 @@
 	border-radius: 0.25rem;
 }
 
-html.sap-desktop .sapMST:focus .sapMSTFocusDiv,
 html.sap-desktop .sapMST:active .sapMGTFocusDiv {
 	left: 0;
 	top: 0;

package/src/sap/m/themes/sap_horizon_hcw/library.source.less

@@ -27,7 +27,6 @@
 @import "DateTimePicker.less";
 @import "Dialog.less";
 @import "DynamicDateRange.less";
-@import "FeedContent.less";
 @import "FeedInput.less";
 @import "GroupHeaderListItem.less";
 @import "FeedListItem.less";
@@ -37,7 +36,6 @@
 @import "IconTabBar.less";
 @import "IconTabBarSelectList.less";
 @import "Image.less";
-@import "ImageContent.less";
 @import "Input.less";
 @import "InputBase.less";
 
@@ -59,9 +57,7 @@
 @import "MessageStrip.less";
 @import "MessageToast.less";
 @import "MultiComboBox.less";
-@import "NewsContent.less";
 @import "NotificationListGroup.less";
-@import "NumericContent.less";
 @import "ObjectAttribute.less";
 @import "ObjectHeader.less";
 @import "ObjectListItem.less";

package/src/sap/ui/core/themes/sap_horizon/.theme

@@ -6,7 +6,7 @@
 	<copyright>OpenUI5
  * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-	<version>1.127.0</version>
+	<version>1.128.0</version>
 
 	<documentation>SAPUI5 Horizon theme library.</documentation>
 

package/src/sap/ui/core/themes/sap_horizon_dark/.theme

@@ -6,7 +6,7 @@
 	<copyright>OpenUI5
  * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-	<version>1.127.0</version>
+	<version>1.128.0</version>
 
 	<documentation>SAPUI5 Evening Horizon theme library.</documentation>
 

package/src/sap/ui/core/themes/sap_horizon_hcb/.theme

@@ -6,7 +6,7 @@
 	<copyright>OpenUI5
  * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-	<version>1.127.0</version>
+	<version>1.128.0</version>
 
 	<documentation>SAPUI5 horizon high contrast black theme library.</documentation>
 

package/src/sap/ui/core/themes/sap_horizon_hcw/.theme

@@ -6,7 +6,7 @@
 	<copyright>OpenUI5
  * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-	<version>1.127.0</version>
+	<version>1.128.0</version>
 
 	<documentation>SAPUI5 horizon high contrast white theme library.</documentation>
 

package/src/sap/ui/dt/themes/sap_horizon/ContextMenu.less

@@ -1,53 +1,34 @@
 /******************************************************************
 	Style of the DT Contextmenu - Horizon Theme
 *******************************************************************/
-@_sap_ui_dt_ContextMenu_HoverBGColor: @sapUiListHoverBackground; //#eaecee
-@_sap_ui_dt_ContextMenu_OpenMenuBGColor: @sapUiListSelectionBackgroundColor; //#ebf8ff
-@_sap_ui_dt_ContextMenu_Focus_BorderColor: @sapUiButtonEmphasizedBorderColor; //#0070f2
-@_sap_ui_dt_ContextMenu_Border_Radius: @sapUiFieldBorderCornerRadius; // 0.25rem
+@_sap_ui_dt_ContextMenu_BorderRadius: @sapUiFieldBorderCornerRadius; // 0.25rem
 
 .sapUiDtContextMenu {
 	.sapUiMnuLst {
 		.sapUiMnuItm {
-			border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
+			margin: 0.0625rem;
+			border-radius: @_sap_ui_dt_ContextMenu_BorderRadius;
 
 			&:focus {
 				outline-offset: -0.125rem;
+				&.sapUiMnuItmDsbl{
+					outline: none;
+				}
+			}
+			&.sapUiMnuItmSubMnuOpen {
+				border-bottom: none !important; //1px
 			}
 		}
 	}
 }
 
-.sapUiDtContextMenu.sapUiMnu .sapUiMnuLst .sapUiMnuItm.sapUiMnuItmSubMnuOpen,
-.sapUiDtContextMenu.sapUiMnu .sapUiMnuLst .sapUiMnuItm.sapUiMnuItmSubMnuOpen.sapUiMnuItmHov {
-	border-bottom: 0.0625rem solid transparent; //1px
-}
-
 .sapUiDtContextMiniMenu.sapUiMnu {
 	&:not(.sapUiSubmenu) {
 		.sapUiMnuLst {
 			.sapUiMnuItm {
 				&:focus {
 					.sapUiIcon {
-						border: 0.0625rem solid @_sap_ui_dt_ContextMenu_Focus_BorderColor;
-						border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
-					}
-				}
-
-				&.sapUiMnuItmSubMnuOpen {
-					&.sapUiMnuItmHov {
-						background-color: transparent;
-					}
-
-					.sapUiIcon {
-						background-color: @_sap_ui_dt_ContextMenu_OpenMenuBGColor;
-						border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
-					}
-				}
-
-				&:focus {
-					.sapUiIcon {
-						border: 0.0625rem solid @_sap_ui_dt_ContextMenu_Focus_BorderColor;
+						border-color: transparent;
 					}
 				}
 			}

package/src/sap/ui/dt/themes/sap_horizon/Overlay.less

@@ -1,18 +1,17 @@
 /******************************************************************
 	Style of the DT Overlays - Horizon Theme
 *******************************************************************/
-@_sap_ui_dt_Overlay_SelectionColor: @sapUiSelected; //	#0070f2
-@_sap_ui_dt_Overlay_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.5rem
-@_sap_ui_dt_Overlay_BoxShadow: @sapUiUx3ToolPopupShadow; // 0 6px 12px 0 rgba(85,107,130,0.3)
-@_sap_ui_dt_Overlay_ActiveBG: fade(@sapUiNeutralElement, 10%); // rgba(120, 143, 166, 0.1)
-@_sap_ui_dt_Overlay_CuttedBorder: @sapUiNeutralBorder; //#788fa6
-@_sap_ui_dt_Overlay_CuttedColor: @sapUiListSelectionBackgroundColor; //#ebf8ff
+@_sap_ui_dt_Overlay_BorderRadius: @sapUiButtonBorderCornerRadius; //0.5rem
+@_sap_ui_dt_Overlay_BoxShadow: @sapUiUx3ToolPopupShadow; //0 6px 12px 0 rgba(34,53,72,0.3)
+@_sap_ui_dt_Overlay_DropZoneBackgroundColor: fade(@sapUiContentImagePlaceholderForegroundColor, 10%); //rgba(91, 115, 139, 0.1)
+@_sap_ui_dt_Overlay_CuttedBackgroundColor: @sapUiListSelectionBackgroundColor; // #ebf8ff
+@_sap_ui_dt_Overlay_HoverBackgroundColor: fade(@sapUiSelected, 5%); // rgba(0, 100, 217, 0.05)
 
 .sapUiDtOverlayFocusable {
 	&:focus {
 		&:before {
 			border-radius: @_sap_ui_dt_Overlay_BorderRadius;
-			outline: 0.0625rem dotted @_sap_ui_dt_Overlay_FocusColor;
+			outline: 0.0625rem dotted @_sap_ui_dt_Overlay_FocusBorderColor;
 			border: none;
 			outline-offset: -0.125rem;
 		}
@@ -32,13 +31,20 @@
 .sapUiDtOverlayTargetZone {
 	&:after {
 		border-radius: @_sap_ui_dt_Overlay_BorderRadius;
+		transition: box-shadow .25s;
+		box-shadow: @_sap_ui_dt_Overlay_BoxShadow;
 	}
 }
 
 .sapUiDtOverlayCutted {
-	opacity: 0.7;
+	&:after {
+		border-radius: @_sap_ui_dt_Overlay_BorderRadius;
+	}
+}
 
+.sapUiDtOverlayHover {
 	&:after {
 		border-radius: @_sap_ui_dt_Overlay_BorderRadius;
+		border: none;
 	}
 }

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

@@ -1,56 +1,34 @@
 /******************************************************************
 	Style of the DT Contextmenu - Horizon Dark Theme
 *******************************************************************/
-@_sap_ui_dt_ContextMenu_HoverBGColor: @sapUiButtonBackground; //#2e3b47
-@_sap_ui_dt_ContextMenu_OpenMenuBGColor: fade(@sapUiButtonBackground, 60); //rgba(46, 59, 71, 0.6)
-@_sap_ui_dt_ContextMenu_Focus_BorderColor: @sapUiSelected; //#4db1ff
-@_sap_ui_dt_ContextMenu_Border_Radius: @sapUiFieldBorderCornerRadius; // 0.25rem
+@_sap_ui_dt_ContextMenu_BorderRadius: @sapUiFieldBorderCornerRadius; // 0.25rem
 
 .sapUiDtContextMenu {
 	.sapUiMnuLst {
 		.sapUiMnuItm {
-			border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
+			margin: 0.0625rem;
+			border-radius: @_sap_ui_dt_ContextMenu_BorderRadius;
 
 			&:focus {
 				outline-offset: -0.125rem;
+				&.sapUiMnuItmDsbl{
+					outline: none;
+				}
+			}
+			&.sapUiMnuItmSubMnuOpen {
+				border-bottom: none !important; //1px
 			}
 		}
 	}
 }
 
-.sapUiDtContextMenu.sapUiMnu .sapUiMnuLst .sapUiMnuItm.sapUiMnuItmSubMnuOpen,
-.sapUiDtContextMenu.sapUiMnu .sapUiMnuLst .sapUiMnuItm.sapUiMnuItmSubMnuOpen.sapUiMnuItmHov {
-	border-bottom: 0.0625rem solid transparent; //1px
-	background-color: @_sap_ui_dt_ContextMenu_OpenMenuBGColor
-}
-
 .sapUiDtContextMiniMenu.sapUiMnu {
 	&:not(.sapUiSubmenu) {
 		.sapUiMnuLst {
 			.sapUiMnuItm {
 				&:focus {
 					.sapUiIcon {
-						border: 0.0625rem solid @_sap_ui_dt_ContextMenu_Focus_BorderColor;
-						border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
-					}
-				}
-
-				&.sapUiMnuItmSubMnuOpen {
-					background-color: transparent;
-
-					&.sapUiMnuItmHov {
-						background-color: transparent;
-					}
-
-					.sapUiIcon {
-						background-color: @_sap_ui_dt_ContextMenu_OpenMenuBGColor;
-						border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
-					}
-				}
-
-				&:focus {
-					.sapUiIcon {
-						border: 0.0625rem solid @_sap_ui_dt_ContextMenu_Focus_BorderColor;
+						border-color: transparent;
 					}
 				}
 			}

package/src/sap/ui/dt/themes/sap_horizon_dark/Overlay.less

@@ -1,19 +1,17 @@
 /******************************************************************
 	Style of the DT Overlays - Horizon Dark Theme
 *******************************************************************/
-@_sap_ui_dt_Overlay_SelectionColor: @sapUiSelected; //	#0070f2
 @_sap_ui_dt_Overlay_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.5rem
-@_sap_ui_dt_Overlay_ActiveBG: fade(@sapUiNeutralElement, 10%); // rgba(120, 143, 166, 0.1)
-@_sap_ui_dt_Overlay_BoxShadow: @sapUiUx3ToolPopupShadow;
-@_sap_ui_dt_Overlay_CuttedBorder: @sapUiNeutralBorder; //#a9b4be
-@_sap_ui_dt_Overlay_CuttedColor: @sapUiListSelectionBackgroundColor; //#1d2d3e
-
+@_sap_ui_dt_Overlay_BoxShadow: @sapUiUx3ToolPopupShadow; // 0 6px 12px 0 rgba(0,0,0,0.3)
+@_sap_ui_dt_Overlay_DropZoneBackgroundColor: fade(@sapUiContentImagePlaceholderForegroundColor, 10%); //rgba(213, 218, 221, 0.1)
+@_sap_ui_dt_Overlay_HoverBackgroundColor: fade(@sapUiSelected, 20%); //rgba(77, 177, 255, 0.2)
+@_sap_ui_dt_Overlay_CuttedBackgroundColor: darken(@sapUiContentImagePlaceholderBackground, 10%); //#33475b
 
 .sapUiDtOverlayFocusable {
 	&:focus {
 		&:before {
 			border-radius: @_sap_ui_dt_Overlay_BorderRadius;
-			outline: 0.0625rem dotted @_sap_ui_dt_Overlay_FocusColor;
+			outline: 0.0625rem dotted @_sap_ui_dt_Overlay_FocusBorderColor;
 			border: none;
 			outline-offset: -0.125rem;
 		}
@@ -33,13 +31,20 @@
 .sapUiDtOverlayTargetZone {
 	&:after {
 		border-radius: @_sap_ui_dt_Overlay_BorderRadius;
+		transition: box-shadow .25s;
+		box-shadow: @_sap_ui_dt_Overlay_BoxShadow;
 	}
 }
 
 .sapUiDtOverlayCutted {
-	opacity: 0.7;
+	&:after {
+		border-radius: @_sap_ui_dt_Overlay_BorderRadius;
+	}
+}
 
+.sapUiDtOverlayHover {
 	&:after {
 		border-radius: @_sap_ui_dt_Overlay_BorderRadius;
+		border: none;
 	}
 }