@openui5/themelib_sap_belize 1.101.0 → 1.102.2

package/src/sap/m/themes/sap_belize_hcw/MessageBox.less

@@ -0,0 +1,7 @@
+/* ================================= */
+/* CSS for control sap.m/MessageBox  */
+/* Belize theme                     */
+/* ================================= */
+
+@_sap_m_MessageBox_InformationShadow: @_sap_m_MessageBox_HeaderShadow @sapUiNeutralBorder;
+@_sap_m_MessageBox_QuestionShadow: @_sap_m_MessageBox_HeaderShadow @sapUiNeutralBorder;

package/src/sap/m/themes/sap_belize_hcw/Slider.less

@@ -7,6 +7,11 @@
 .sapMSliderInner {
 	border: 1px solid @sapUiFieldBorderColor;
 	background: @sapUiFieldBackground;
+}
+
+.sapMSliderInner,
+.sapMSliderProgress {
+	height: 0.1875rem;
 	border-radius: 0.125rem;
 }
 
@@ -14,6 +19,12 @@
 .sapMSliderHandle {
 	background: transparent;
 	border: 0.125rem solid @sapUiFieldBorderColor;
+	&:focus:before {
+		top: -5px;
+		bottom: -5px;
+		left: -5px;
+		right: -5px;
+	}
 }
 
 /* hover */

package/src/sap/m/themes/sap_belize_hcw/SplitButton.less

@@ -31,11 +31,11 @@
 }
 
 .sapMSB .sapMSBText .sapMBtnInner.sapMBtnIconFirst {
-	padding-left: 0.625rem;
+	padding-left: 0.5rem;
 }
 
 .sapUiSizeCompact {
 	.sapMSB .sapMSBText .sapMBtnInner.sapMBtnIconFirst {
-		padding-left: 0.5rem;
+		padding-left: 0.425rem;
 	}
 }

package/src/sap/m/themes/sap_belize_hcw/Table.less

@@ -46,15 +46,31 @@
 	border-top: 0.125rem solid @sapUiListTableFooterBorder;
 }
 
-/* Moved due to new default vertical-align regardless of density */
+/* moved due to new default vertical-align regardless of density */
+.sapMListTblSelCol,
 .sapMListTblNavCol,
 .sapMListTblCell {
   vertical-align: top;
 }
 
+/* vertical alignment is middle for the compact */
 .sapUiSizeCompact{
-  .sapMListTblNavCol,
-  .sapMListTblCell {
-    vertical-align: middle;
-  }
+	.sapMListTblSelCol,
+	.sapMListTblNavCol,
+	.sapMListTblCell {
+		vertical-align: middle;
+	}
+}
+
+/* default padding of the data cells */
+.sapMListTblCell {
+	padding-top: .875rem;
+	padding-bottom: .875rem;
+}
+
+/* reduced padding for compact and vAlign=Middle */
+.sapUiSizeCompact .sapMListTblCell,
+.sapMListTblRowMiddle > .sapMListTblCell {
+	padding-top: .25rem;
+	padding-bottom: .25rem;
 }

package/src/sap/m/themes/sap_belize_hcw/Tokenizer.less

@@ -15,6 +15,7 @@ html.sap-desktop .sapMTokenizer:focus{
   &.sapMToken:hover,
   &.sapMToken:focus,
   &.sapMTokenSelected,
+  &.sapMToken.sapMTokenSelected:hover,
   &.sapMToken .sapMTokenIcon {
     background: @sapUiButtonBackground;
     cursor: default;

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

@@ -34,6 +34,7 @@
 @import "ImageContent.less";
 @import "Input.less";
 @import "InputBase.less";
+@import "MessageBox.less";
 
 /* note: the following three files are not in alphabetical order and should be imported after InputBase.less */
 @import "ComboBoxTextField.less";

package/src/sap/m/themes/sap_belize_plus/MessageBox.less

@@ -0,0 +1,7 @@
+/* ================================= */
+/* CSS for control sap.m/MessageBox  */
+/* Belize theme                     */
+/* ================================= */
+
+@_sap_m_MessageBox_InformationShadow: @_sap_m_MessageBox_HeaderShadow @sapUiNeutralBorder;
+@_sap_m_MessageBox_QuestionShadow: @_sap_m_MessageBox_HeaderShadow @sapUiNeutralBorder;

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

@@ -18,6 +18,7 @@
 @import "IconTabBar.less";
 @import "Link.less";
 @import "ListItemBase.less";
+@import "MessageBox.less";
 @import "NewsContent.less";
 @import "NotificationListItem.less";
 @import "ObjectMarker.less";

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

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

package/src/sap/ui/core/themes/sap_belize/base.less

@@ -1,11 +1,11 @@
 // /**
 // * Copyright (c) 2012-2020 SAP SE or an SAP affiliate company. All rights reserved.
 // * Theming Engine 1.69.2
-// * data:{"sModified":"2022-04-05T12:29:16Z"}
+// * data:{"sModified":"2022-04-26T06:31:06Z"}
 // */
 
 
-/******************* FILE /Base/baseLib/sap_belize/base.less (Version 11.1.38) *******************/
+/******************* FILE /Base/baseLib/sap_belize/base.less (Version 11.1.39) *******************/
 
 
 // [Tags "SapInternal", "Base", "Dimension", "Protected"]

package/src/sap/ui/core/themes/sap_belize/global.less

@@ -443,7 +443,9 @@
 @sapUiFieldFocusBorderColor: @sapField_Focus_BorderColor;
 @sapUiFieldFocusHelpBackground: @sapField_Focus_HelpBackground;
 @sapUiFieldReadOnlyBackground: @sapField_ReadOnly_Background;
+@sapUiFieldReadOnlyBackgroundStyle: @sapField_ReadOnly_BackgroundStyle;
 @sapUiFieldReadOnlyBorderColor: @sapField_ReadOnly_BorderColor;
+@sapUiFieldReadOnlyBorderStyle: @sapField_ReadOnly_BorderStyle;
 @sapUiFieldReadOnlyHelpBackground: @sapField_ReadOnly_HelpBackground;
 @sapUiFieldRequiredColor: @sapField_RequiredColor;
 @sapUiFieldInvalidColor: @sapField_InvalidColor;

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

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

package/src/sap/ui/core/themes/sap_belize_hcb/base.less

@@ -1,11 +1,11 @@
 // /**
 // * Copyright (c) 2012-2020 SAP SE or an SAP affiliate company. All rights reserved.
 // * Theming Engine 1.69.2
-// * data:{"sModified":"2022-04-05T12:29:16Z"}
+// * data:{"sModified":"2022-04-26T06:31:06Z"}
 // */
 
 
-/******************* FILE /Base/baseLib/sap_belize_hcb/base.less (Version 11.1.38) *******************/
+/******************* FILE /Base/baseLib/sap_belize_hcb/base.less (Version 11.1.39) *******************/
 
 
 // [Tags "SapInternal", "Base", "Dimension", "Protected"]

package/src/sap/ui/core/themes/sap_belize_hcb/global.less

@@ -443,7 +443,9 @@
 @sapUiFieldFocusBorderColor: @sapField_Focus_BorderColor;
 @sapUiFieldFocusHelpBackground: @sapField_Focus_HelpBackground;
 @sapUiFieldReadOnlyBackground: @sapField_ReadOnly_Background;
+@sapUiFieldReadOnlyBackgroundStyle: @sapField_ReadOnly_BackgroundStyle;
 @sapUiFieldReadOnlyBorderColor: @sapField_ReadOnly_BorderColor;
+@sapUiFieldReadOnlyBorderStyle: @sapField_ReadOnly_BorderStyle;
 @sapUiFieldReadOnlyHelpBackground: @sapField_ReadOnly_HelpBackground;
 @sapUiFieldRequiredColor: @sapField_RequiredColor;
 @sapUiFieldInvalidColor: @sapField_InvalidColor;

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

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

package/src/sap/ui/core/themes/sap_belize_hcw/base.less

@@ -1,11 +1,11 @@
 // /**
 // * Copyright (c) 2012-2020 SAP SE or an SAP affiliate company. All rights reserved.
 // * Theming Engine 1.69.2
-// * data:{"sModified":"2022-04-05T12:29:16Z"}
+// * data:{"sModified":"2022-04-26T06:31:06Z"}
 // */
 
 
-/******************* FILE /Base/baseLib/sap_belize_hcw/base.less (Version 11.1.38) *******************/
+/******************* FILE /Base/baseLib/sap_belize_hcw/base.less (Version 11.1.39) *******************/
 
 
 // [Tags "SapInternal", "Base", "Dimension", "Protected"]

package/src/sap/ui/core/themes/sap_belize_hcw/global.less

@@ -443,7 +443,9 @@
 @sapUiFieldFocusBorderColor: @sapField_Focus_BorderColor;
 @sapUiFieldFocusHelpBackground: @sapField_Focus_HelpBackground;
 @sapUiFieldReadOnlyBackground: @sapField_ReadOnly_Background;
+@sapUiFieldReadOnlyBackgroundStyle: @sapField_ReadOnly_BackgroundStyle;
 @sapUiFieldReadOnlyBorderColor: @sapField_ReadOnly_BorderColor;
+@sapUiFieldReadOnlyBorderStyle: @sapField_ReadOnly_BorderStyle;
 @sapUiFieldReadOnlyHelpBackground: @sapField_ReadOnly_HelpBackground;
 @sapUiFieldRequiredColor: @sapField_RequiredColor;
 @sapUiFieldInvalidColor: @sapField_InvalidColor;

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

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

package/src/sap/ui/core/themes/sap_belize_plus/base.less

@@ -1,11 +1,11 @@
 // /**
 // * Copyright (c) 2012-2020 SAP SE or an SAP affiliate company. All rights reserved.
 // * Theming Engine 1.69.2
-// * data:{"sModified":"2022-04-05T12:29:16Z"}
+// * data:{"sModified":"2022-04-26T06:31:06Z"}
 // */
 
 
-/******************* FILE /Base/baseLib/sap_belize_plus/base.less (Version 11.1.38) *******************/
+/******************* FILE /Base/baseLib/sap_belize_plus/base.less (Version 11.1.39) *******************/
 
 @sapHighlightColor: lighten(saturate(@sapBrandColor, 40), 30);
 @sapBaseColor: @sapPrimary1;

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

@@ -1,4 +1,4 @@
 /******************************************************************
 	Style of the DT Overlays - sap_belize Theme
 *******************************************************************/
-@_sap_ui_dt_Overlay_CuttedColor: @sapPrimary3;	//#eff4f9;
+@_sap_ui_dt_Overlay_CuttedColor: @sapUiPageHeaderBackground; //#eff4f9;

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

@@ -1,17 +1,13 @@
 /******************************************************************
 	Style of the DT Contextmenu - sap_belize_hcb Theme
 *******************************************************************/
-@_sap_ui_dt_ContextMenu_BorderColor: @sapUiWhite; //#ffffff
 
 .sapUiDtContextMenu {
-
-	&.sapMPopoverArr, .sapMPopoverArr {
-		&:after {
-			box-shadow: 0 0 0 1px @_sap_ui_dt_ContextMenu_BorderColor;
-			border: none;
+	.sapUiMnuLst {
+		.sapUiMnuItm {
+			&.sapUiMnuItmDsbl {
+				opacity: 1;
+			}
 		}
 	}
-	.sapMBtn.sapMBtnDisabled {
-		opacity: 1.0;
-	}
 }

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

@@ -1,7 +1,8 @@
 /******************************************************************
 	Style of the DT Overlays - sap_belize_hcb Theme
 *******************************************************************/
-@_sap_ui_dt_Overlay_FocusColor: fade(@sapUiWhite, 80%); //rgba(255, 255, 255, 0.8)
-@_sap_ui_dt_Overlay_TargetZoneColor: #00ff00;
-@_sap_ui_dt_Overlay_SelectionColor: @sapUiWhite; //#ffffff
-@_sap_ui_dt_Overlay_CuttedColor: @sapHC_ReducedBackground; //#585858
+@_sap_ui_dt_Overlay_FocusColor: fade(@sapUiNeutralBorder, 80%); //rgba(255, 255, 255, 0.8)
+@_sap_ui_dt_Overlay_TargetZoneColor: @sapUiContentHelpColor; //#03b803
+@_sap_ui_dt_Overlay_SelectionColor: @sapUiNeutralElement; //#ffffff
+@_sap_ui_dt_Overlay_CuttedColor: @sapUiHcReducedAltForeground; // #999
+@_sap_ui_dt_Overlay_HighlightColor: @sapUiWarningBorder; // #ffab1d

package/src/sap/ui/dt/themes/sap_belize_hcw/library.source.less

@@ -6,6 +6,4 @@
 
 @import "../base/library.source.less";
 @import "../../../../../sap/ui/core/themes/sap_belize_hcw/base.less";
-@import "../../../../../sap/ui/core/themes/sap_belize_hcw/global.less";
-
-@import "ContextMenu.less";
+@import "../../../../../sap/ui/core/themes/sap_belize_hcw/global.less";

package/src/sap/ui/layout/themes/sap_belize_hcb/Splitter.less

@@ -19,9 +19,5 @@
 .sapUiLoSplitter > .sapUiLoSplitterOverlay .sapUiLoSplitterOverlayBar {
 	&:focus::after {
 		border-width: 2px;
-		top: -1px;
-		bottom: -1px;
-		left: -1px;
-		right: -1px;
 	}
 }

package/src/sap/ui/layout/themes/sap_belize_hcw/Splitter.less

@@ -19,9 +19,5 @@
 .sapUiLoSplitter > .sapUiLoSplitterOverlay .sapUiLoSplitterOverlayBar {
 	&:focus::after {
 		border-width: 2px;
-		top: -1px;
-		bottom: -1px;
-		left: -1px;
-		right: -1px;
 	}
 }

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

@@ -1,10 +1,5 @@
 /******************************************************************
 	Style of Dialogs shown in RTA - sap_belize Theme
 *******************************************************************/
-@_sap_ui_rta_Border_LightColor: @sapUiWhite; //#fff
-@_sap_ui_rta_Border_DarkColor: darken(@sapPrimary1,8); //#2F3C48
-
-.sapMDialog.sapUiRTABorder {
-	border: 0.1875rem solid @_sap_ui_rta_Border_LightColor;
-	border-image: repeating-linear-gradient( -45deg, @_sap_ui_rta_Border_DarkColor, @_sap_ui_rta_Border_DarkColor 5px, @_sap_ui_rta_Border_LightColor 5px, @_sap_ui_rta_Border_LightColor 10px) 4;
-}
+@_sap_ui_rta_Dialogs_BorderLightColor: @sapUiInvertedElement; //#fff
+@_sap_ui_rta_Dialogs_BorderDarkColor: darken(@sapUiShellTextColor, 8); //#2F3C48

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

@@ -1,10 +1,9 @@
 /******************************************************************
 	Style of the RTA Overlays - sap_belize Theme
 *******************************************************************/
-@_sap_ui_rta_Overlay_BaseBG: @sapBackgroundColor; //#fafafa
-@_sap_ui_rta_Overlay_BaseColor: darken(@sapPrimary1,8); //#2F3C48
-@_sap_ui_rta_Overlay_Base_PlaceholderBG: @sapPrimary3; //#eff4f9
+@_sap_ui_rta_Overlay_ShellBG: @sapUiShellBackground; //#c9d8e7
+@_sap_ui_rta_Overlay_Base_PlaceholderBG: @sapUiPageHeaderBackground; //#eff4f9
 
-.sapUiRta .sapUiDtOverlayDropZone>.sapUiDtOverlayChildren>.sapUiDtOverlayMovable {
+.sapUiRta .sapUiDtOverlayDropZone > .sapUiDtOverlayChildren > .sapUiDtOverlayMovable {
 	background: inherit;
 }

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

@@ -1,5 +1,27 @@
 /******************************************************************
 	Style of the RTA Toolbar (type: adaptation) - sap_belize Theme
 *******************************************************************/
-@_sap_ui_rta_Toolbar_Adaptation_BaseColor: darken(@sapPrimary1,8); //#2F3C48
-@_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiWhite; //#fff
+@_sap_ui_rta_Toolbar_Adaptation_BaseColor: darken(@sapUiShellTextColor, 8); //#2F3C48
+@_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiContentContrastTextColor; //#fff
+@_sap_ui_rta_Toolbar_Adaptation_BtnFocusBorder: @sapUiContentContrastTextColor; //#fff
+@_sap_ui_rta_Toolbar_Adaptation_BtnHoverText: @sapUiSelected; //#427cac
+@_sap_ui_rta_Toolbar_Adaptation_SegBBtnHoverTextColor: @sapUiContentContrastTextColor; //fff
+@_sap_ui_rta_Toolbar_Adaptation_SegBBtnHoverBG: @sapUiSelected; //#427cac
+@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: lighten(@sapUiCriticalText, 15%); //#f9af41
+@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: @sapUiContentSearchHighlightColor; //#d4f7db
+
+.sapUiRtaMode {
+	.sapUiRtaToolbar.sapUiRtaToolbarAdaptation {
+		.sapMBtn {
+			&.sapMBtnDisabled .sapMBtnInner {
+				opacity: 1.0;
+			}
+		}
+
+		.sapMSegBBtn.sapMSegBBtnFocusable {
+			&:hover .sapMSegBBtnInner {
+				background-color: @_sap_ui_rta_Toolbar_Adaptation_SegBBtnHoverBG;
+			}
+		}
+	}
+}

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

@@ -1,38 +1,6 @@
 /******************************************************************
 	Style of the RTA Toolbar (all types) - sap_belize Theme
 *******************************************************************/
-@_sap_ui_rta_Toolbar_Base_SegBBtnHoverBG: lighten(saturate(@sapPrimary2, 40%), 42%); //#CAE4FB
-@_sap_ui_rta_Toolbar_Base_TextColor: @sapUiWhite; //#fff
-@_sap_ui_rta_Toolbar_Base_BaseColor: darken(@sapPrimary1,8); //#2F3C48
-@_sap_ui_rta_Toolbar_Base_BtnHover: fade(lighten(@sapPrimary1, 18%), 50%); //rgba(99, 127, 153, 0.5)
-
-.sapUiRtaMode {
-	.sapUiRtaToolbar {
-		background-color: @_sap_ui_rta_Toolbar_Base_BaseColor;
-		height: 3rem; //48px
-
-		.sapMBtn {
-			&.sapMBtnDisabled .sapMBtnInner {
-				opacity: 1.0;
-			}
-		}
-	}
-}
-
-.sapUiSizeCozy {
-	.sapUiRtaToolbar {
-		.sapMSegBBtn.sapMSegBBtnFocusable.sapMSegBBtnSel {
-			& .sapMSegBBtnInner:after {
-				left: 1rem; //16px
-				right: 1rem; //16px
-			}
-		}
-	}
-}
-
-.sapUiRtaToolbar .sapMBtn:hover:not(.sapMBtnDisabled) > .sapMBtnHoverable.sapMBtnTransparent:not(.sapMBtnActive):not(.sapMToggleBtnPressed) > .sapMBtnIcon,
-.sapUiRtaToolbar *.sapMBtn:hover:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnTransparent:not(.sapMBtnActive):not(.sapMToggleBtnPressed) > .sapMBtnIcon,
-.sapUiRtaToolbar :not(.sapMBtnDisabled):not(.sapMSBActive) > span.sapMBtnInner.sapMBtnTransparent:not(.sapMBtnActive):not(.sapMToggleBtnPressed):hover > .sapMBtnIcon,
-.sapUiRtaToolbar .sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) bdi {
-	color: @_sap_ui_rta_Toolbar_Base_TextColor;
-}
+@_sap_ui_rta_Toolbar_Base_TextColor: @sapUiContentContrastTextColor; //#fff
+@_sap_ui_rta_Toolbar_Base_BaseColor: darken(@sapUiShellTextColor, 8); //#2F3C48
+@_sap_ui_rta_Toolbar_Base_BaseBG: darken(@sapUiShellTextColor, 8); //#2F3C48

package/src/sap/ui/rta/themes/sap_belize/Toolbar.personalization.less

@@ -1,4 +1,4 @@
 /******************************************************************
 	Style of the Personalization Toolbar - sap_belize Theme
 *******************************************************************/
-@_sap_ui_rta_Toolbar_Personalization_BaseColor: darken(@sapPrimary1,8);	//#2F3C48
+@_sap_ui_rta_Toolbar_Personalization_BaseColor: darken(@sapUiShellTextColor, 8); //#2F3C48

package/src/sap/ui/rta/themes/sap_belize/library.source.less

@@ -7,9 +7,7 @@
 @import "../../../../../sap/ui/core/themes/sap_belize/base.less";
 @import "../../../../../sap/ui/core/themes/sap_belize/global.less";
 @import "Overlay.less";
-@import "ContextMenu.less";
 @import "Dialogs.less";
 @import "Toolbar.personalization.less";
-@import "Toolbar.standalone.less";
 @import "Toolbar.adaptation.less";
 @import "Toolbar.base.less";

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

@@ -0,0 +1,15 @@
+/******************************************************************
+	Style of the RTA Change Visualization - HCB theme
+*******************************************************************/
+@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorLight: lighten(@sapUiPositiveText, 10%); //#bbddbb
+@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorMedium: @sapUiCriticalText; //#ffab1d
+@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark: lighten(@sapUiChart8, 20%); //#dd8ec9
+@_sap_ui_rta_ChangeVisualization_OverlayOutline: @sapUiContentHelpColor; // #03b803
+
+.sapUiDtOverlay {
+	.sapUiRtaChangeIndicatorHovered {
+		&:after {
+			box-shadow: none;
+		}
+	}
+}

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

@@ -1,41 +1,16 @@
 /***********************************************************************
 	Style of the RTA Contextmenu - sap_belize_hcb Theme
 ************************************************************************/
-@_sap_ui_rta_ContextMenu_Border_LightColor: @sapUiWhite; //#ffffff
-@_sap_ui_rta_ContextMenu_Border_DarkColor: @sapUiBlackBG; //#000000
-@_sap_ui_rta_ContextMenu_BoxShadowColor: fade(@sapUiWhite, 60%); //rgba(255, 255, 255, 0.6)
+@_sap_ui_rta_ContextMenu_Border_LightColor: @sapUiInvertedElement; //#fff
+@_sap_ui_rta_ContextMenu_Border_DarkColor: @sapUiDarkShadowTint; // #000
+@_sap_ui_rta_ContextMenu_BoxShadow_DarkColor: fade(@sapUiInvertedElement, 60%); //rgba(255, 255, 255, 0.6)
+@_sap_ui_rta_ContextMenu_BoxShadow_LightColor: @sapUiInvertedElement; //#fff
 
 .sapUiRtaMode {
-
 	.sapUiDtContextMenu {
-
-		&.sapMPopover, .sapMPopover {
-			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 4px, @_sap_ui_rta_ContextMenu_Border_LightColor 4px, @_sap_ui_rta_ContextMenu_Border_LightColor 6px) 4;
-			box-shadow: 0 10px 32px 0 @_sap_ui_rta_ContextMenu_BoxShadowColor, 0 0 10px -2px @_sap_ui_rta_ContextMenu_Border_LightColor;
-		}
-
-		&.sapMPopoverArr, .sapMPopoverArr {
-			width: 2rem; //32px
-			height: 2rem; //32px
-			bottom: -2rem; //32px
-			left:	0.25rem !important; //4px
-			&:after {
-				box-shadow: 0 64px 32px 0 @_sap_ui_rta_ContextMenu_BoxShadowColor, 0 0 10px -3px @_sap_ui_rta_ContextMenu_Border_LightColor;
-				border: 0.125rem solid @_sap_ui_rta_ContextMenu_Border_LightColor; //2px
-				border-image: repeating-linear-gradient( -50deg, @_sap_ui_rta_ContextMenu_Border_DarkColor, @_sap_ui_rta_ContextMenu_Border_DarkColor 3px, @_sap_ui_rta_ContextMenu_Border_LightColor 3px, @_sap_ui_rta_ContextMenu_Border_LightColor 5px) 4;
-				width: 1rem; //16px
-				height: 1rem; //16px
-				margin: -0.65rem 0 0 0.35rem; //10px 6px
-			}
-			&.sapMPopoverArrUp {
-				height:	1rem; //16px
-				top: -1rem; //16px
-				&:after {
-					box-shadow: 0 -64px 32px 0 @_sap_ui_rta_ContextMenu_BoxShadowColor, 0 0 10px -3px @_sap_ui_rta_ContextMenu_Border_LightColor;
-					margin: 0.35rem 0 0 0.35rem; //6px 6px
-				}
-			}
+		&.sapMMenu {
+			box-shadow: 0 0.625rem 2rem 0 @_sap_ui_rta_ContextMenu_BoxShadow_DarkColor,
+			0 0 0.625rem -0.125rem @_sap_ui_rta_ContextMenu_BoxShadow_LightColor; //10px 32px 10px 2px
 		}
 	}
 }