@openui5/themelib_sap_belize 1.100.0 → 1.102.1

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

@@ -190,11 +190,11 @@
 @sapMFontHeader5Size: @sapFontHeader5Size;
 @sapMFontHeader6Size: @sapFontHeader6Size;
 
-@sapUiLinkHover: @sapLink_Hover_Color;
-@sapUiLinkActive: @sapLink_Active_Color;
-@sapUiLinkVisited: @sapLink_Visited_Color;
-@sapUiLinkInverted: @sapLink_InvertedColor;
-@sapUiLinkSubtle: @sapLink_SubtleColor;
+@sapUiLinkHoverColor: @sapLink_Hover_Color;
+@sapUiLinkActiveColor: @sapLink_Active_Color;
+@sapUiLinkVisitedColor: @sapLink_Visited_Color;
+@sapUiLinkInvertedColor: @sapLink_InvertedColor;
+@sapUiLinkSubtleColor: @sapLink_SubtleColor;
 
 @sapUiShellBackground: @sapShell_Background;
 @sapUiShellBackgroundImage: @sapShell_BackgroundImage;
@@ -372,6 +372,7 @@
 @sapUiButtonInformationHoverTextColor: @sapButton_Information_Hover_TextColor;
 @sapUiButtonInformationActiveBackground: @sapButton_Information_Active_Background;
 @sapUiButtonInformationActiveBorderColor: @sapButton_Information_Active_BorderColor;
+@sapUiButtonInformationActiveTextColor: @sapButton_Information_Active_TextColor;
 @sapUiButtonNeutralBackground: @sapButton_Neutral_Background;
 @sapUiButtonNeutralBorderColor: @sapButton_Neutral_BorderColor;
 @sapUiButtonNeutralTextColor: @sapButton_Neutral_TextColor;
@@ -442,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;
@@ -1111,6 +1114,13 @@
 @sapUiUx3ExactLstRootExpandOffset: 0 3;
 @sapUiUx3ExactLstContentTop: 25px;
 
+// Link
+@sapUiLinkActive: @sapUiLinkActiveColor;
+@sapUiLinkVisited: @sapUiLinkVisitedColor;
+@sapUiLinkHover: @sapUiLinkHoverColor;
+@sapUiLinkInverted: @sapUiLinkInvertedColor;
+@sapUiLinkSubtle: @sapUiLinkSubtleColor;
+
 // Notification Bar
 @sapUiNotificationBarBG: @sapUiGroupContentBackground;
 @sapUiNotifierSeparator: @sapUiGroupContentBorderColor;

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.100.0</version>
+	<version>1.102.1</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.68.3
-// * data:{"sModified":"2022-02-23T11:37:26Z"}
+// * Theming Engine 1.69.2
+// * data:{"sModified":"2022-04-26T06:31:06Z"}
 // */
 
 
-/******************* FILE /Base/baseLib/sap_belize_plus/base.less (Version 11.1.36-SNAPSHOT) *******************/
+/******************* 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,13 +1,13 @@
 /******************************************************************
 	Style of the DT Contextmenu - sap_belize_hcb Theme
 *******************************************************************/
-@_sap_ui_dt_ContextMenu_BorderColor: @sapUiWhite; //#ffffff
+@_sap_ui_dt_ContextMenu_BoxShadowColor: @sapUiNeutralElement; //#ffffff
 
 .sapUiDtContextMenu {
 
 	&.sapMPopoverArr, .sapMPopoverArr {
 		&:after {
-			box-shadow: 0 0 0 1px @_sap_ui_dt_ContextMenu_BorderColor;
+			box-shadow: 0 0 0 1px @_sap_ui_dt_ContextMenu_BoxShadowColor;
 			border: none;
 		}
 	}

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/ContextMenu.less

@@ -1,13 +1,13 @@
 /******************************************************************
 	Style of the DT Contextmenu - sap_belize_hcw Theme
 *******************************************************************/
-@_sap_ui_dt_ContextMenu_BorderColor: @sapUiBlackBG; //#000000
+@_sap_ui_dt_ContextMenu_BoxShadowColor: @sapUiNeutralBG; //000
 
 .sapUiDtContextMenu {
 
 	&.sapMPopoverArr, .sapMPopoverArr {
 		&:after {
-			box-shadow: 0 0 0 1px @_sap_ui_dt_ContextMenu_BorderColor;
+			box-shadow: 0 0 0 1px @_sap_ui_dt_ContextMenu_BoxShadowColor;
 			border: none;
 			margin: -0.375rem 0 0 0.125rem;  //-6px 0 0 2px
 		}

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/ContextMenu.less

@@ -1,8 +1,8 @@
 /******************************************************************
 	Style of the RTA Contextmenu - sap_belize Theme
 *******************************************************************/
-@_sap_ui_rta_ContextMenu_Border_LightColor: @sapUiWhite;  //#fff
-@_sap_ui_rta_ContextMenu_Border_DarkColor: darken(@sapPrimary1,8);	//#2F3C48
+@_sap_ui_rta_ContextMenu_Border_LightColor:  @sapUiInvertedElement; //#fff
+@_sap_ui_rta_ContextMenu_Border_DarkColor: darken(@sapUiShellTextColor,8);	//#2F3C48
 
 .sapUiRtaMode {
 

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

@@ -1,10 +1,10 @@
 /******************************************************************
 	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
+@_sap_ui_rta_Dialogs_BorderLightColor: @sapUiInvertedElement; //#fff
+@_sap_ui_rta_Dialogs_BorderDarkColor: darken(@sapUiShellTextColor,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;
+	border: 0.1875rem solid @_sap_ui_rta_Dialogs_BorderLightColor;
+	border-image: repeating-linear-gradient( -45deg, @_sap_ui_rta_Dialogs_BorderDarkColor, @_sap_ui_rta_Dialogs_BorderDarkColor 5px, @_sap_ui_rta_Dialogs_BorderLightColor 5px, @_sap_ui_rta_Dialogs_BorderLightColor 10px) 4;
 }

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,5 @@
 /******************************************************************
 	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

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

@@ -1,10 +1,8 @@
 /******************************************************************
 	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)
+@_sap_ui_rta_Toolbar_Base_TextColor: @sapUiContentContrastTextColor; //#fff
+@_sap_ui_rta_Toolbar_Base_BaseColor: darken(@sapUiShellTextColor,8); //#2F3C48
 
 .sapUiRtaMode {
 	.sapUiRtaToolbar {

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

@@ -10,6 +10,5 @@
 @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/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
 		}
 	}
 }

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

@@ -1,9 +1,9 @@
 /******************************************************************
 	Style of Dialogs shown in RTA - sap_belize_3_hcb Theme
 *******************************************************************/
-@_sap_ui_rta_Dialogs_Border_LightColor: @sapUiWhite; //#ffffff
-@_sap_ui_rta_Dialogs_Border_DarkColor: @sapUiBlackBG; //#000000
-@_sap_ui_rta_Dialogs_BoxShadowColor: fade(@sapUiWhite, 80%); //rgba(255, 255, 255, 0.8)
+@_sap_ui_rta_Dialogs_Border_LightColor: @sapUiNeutralElement; //#ffffff
+@_sap_ui_rta_Dialogs_Border_DarkColor: @sapUiNeutralBG; //#000000
+@_sap_ui_rta_Dialogs_BoxShadowColor: fade(@sapUiNeutralElement, 80%); //rgba(255, 255, 255, 0.8)
 
 .sapMDialog.sapUiRTABorder {
 	border: 0.1875rem solid @_sap_ui_rta_Dialogs_Border_LightColor; //3px

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

@@ -1,21 +1,12 @@
 /*****************************************************************************
 	Style of the RTA Add Fields Dialog  - sap_belize_hcb Theme
 ******************************************************************************/
-@_sap_ui_rta_FieldRepository_BGColor: @sapHC_HighlightBackground; //#7a5100;
-
 .sapUiRtaMode {
-
 	.sapUIRtaFieldRepositoryDialog {
 		.sapMBtn:hover {
 			> .sapMBtnHoverable {
 				outline: none;
 			}
 		}
-
-		.sapMLIBHoverable {
-			&:hover {
-				background: @sap_ui_rta_FieldRepository_ListHoverBG;
-			}
-		}
 	}
 }

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

@@ -2,11 +2,9 @@
 	Style of the RTA Overlays - sap_belize_hcb Theme
 *******************************************************************/
 @_sap_ui_rta_Overlay_BorderColor: @sapUiDragAndDropActiveBorderColor; //#03b803
-@_sap_ui_rta_Overlay_BoxShadowColor: @sapUiBlackBG; //#000000
-@_sap_ui_rta_Overlay_BaseBG: @sapUiBlackBG; //#000000
-@_sap_ui_rta_Overlay_ActiveBG: fade(lighten(@sapHC_HighlightAltBackground, 15%), 30%); //rgba(22, 137, 217, 0.3)
-@_sap_ui_rta_Overlay_HoverBorder: @sapUiWhite; //#ffffff
-@_sap_ui_rta_Overlay_Border: @sapUiDragAndDropActiveBorderColor; //#03b803
+@_sap_ui_rta_Overlay_BoxShadowColor: @sapUiNeutralBG; //#000
+@_sap_ui_rta_Overlay_ShellBG: @sapUiNeutralBG; //#000
+@_sap_ui_rta_Overlay_HoverBorder: @sapUiNeutralElement; //#fff
 
 .sapUiRta {
 	.sapUiDtOverlayTargetZone {
@@ -57,15 +55,4 @@
 			}
 		}
 	}
-}
-
-.sapUiRtaMode .sapUiShellBackgroundImage.sapUiGlobalBackgroundImageForce.sapUshellShellBG {
-	background-color: @_sap_ui_rta_Overlay_BaseBG;
-	background-image:  none;
-}
-
-.sapUiRtaMode .sapUshellViewPortCenter,
-.sapUiRtaMode .sapMShellBG,
-.sapUiRtaMode .sapUiRtaToolbar {
-	background-color: @_sap_ui_rta_Overlay_BaseBG;
 }

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

@@ -1,12 +1,13 @@
 /******************************************************************
 	Style of the RTA Toolbar (type: adaptation) - belize_hcb Theme
 *******************************************************************/
-@_sap_ui_rta_Toolbar_Adaptation_BaseColor: @sapUiBlackBG; //#000000
-@_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiWhite; //#ffffff
-@_sap_ui_rta_Toolbar_Adaptation_BoxShadowColor: fade(@sapUiWhite, 80%); //rgba(255, 255, 255, 0.8)
+@_sap_ui_rta_Toolbar_Adaptation_BaseColor: @sapUiNeutralBG; //#000000
+@_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiNeutralElement; //#ffffff
+@_sap_ui_rta_Toolbar_Adaptation_BoxShadow_DarkColor: fade(@sapUiNeutralElement, 80%); //rgba(255, 255, 255, 0.8)
+@_sap_ui_rta_Toolbar_Adaptation_BoxShadow_LightColor: @sapUiNeutralElement; //#ffffff
 
 .sapUiRtaMode {
 	.sapUiRtaToolbar.sapUiRtaToolbarAdaptation {
-		box-shadow: 0 10px 32px 0 @_sap_ui_rta_Toolbar_Adaptation_BoxShadowColor, 0 0 10px -2px @_sap_ui_rta_Toolbar_Adaptation_TextColor;
+		box-shadow: 0 10px 32px 0 @_sap_ui_rta_Toolbar_Adaptation_BoxShadow_DarkColor, 0 0 10px -2px @_sap_ui_rta_Toolbar_Adaptation_BoxShadow_LightColor;
 	}
 }

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

@@ -1,9 +1,9 @@
 /******************************************************************
 	Style of the RTA Toolbar (all types) - belize_hcb Theme
 *******************************************************************/
-@_sap_ui_rta_Toolbar_Base_BaseColor: @sapUiBlackBG; //#000000
-@_sap_ui_rta_Toolbar_Base_TextColor: @sapUiWhite; //#ffffff
-@_sap_ui_rta_Toolbar_Base_HoverColor: @sapHC_HighlightBackground; //#7a5100
+@_sap_ui_rta_Toolbar_Base_BaseColor: @sapUiNeutralBG; //#000000
+@_sap_ui_rta_Toolbar_Base_TextColor: @sapUiNeutralElement; //#ffffff
+@_sap_ui_rta_Toolbar_Base_HoverColor: @sapUiHcHighlightBackground; //#7a5100
 
 .sapUiRtaMode {
 

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

@@ -1,8 +1,8 @@
 /****************************************************************************
 	Style of the RTA Toolbar (type: personalization) - sap_belize_hcb Theme
 *****************************************************************************/
-@_sap_ui_rta_Toolbar_Personalization_BaseColor: @sapUiBlackBG; //#000000
-@_sap_ui_rta_Toolbar_Personalization_TopBorder: @sapUiWhite; //#ffffff
+@_sap_ui_rta_Toolbar_Personalization_BaseColor: @sapUiNeutralBG; //#000000
+@_sap_ui_rta_Toolbar_Personalization_TopBorder: @sapUiShellBorderColor; // #fff
 
 .sapUiRtaToolbar.type_personalization {
 	border-top: @_sap_ui_rta_Toolbar_Personalization_TopBorder 0.0625rem solid; //1px

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

@@ -13,6 +13,5 @@
 @import "Dialogs.less";
 @import "FieldRepository.less";
 @import "Toolbar.base.less";
-@import "Toolbar.standalone.less";
 @import "Toolbar.personalization.less";
 @import "Toolbar.adaptation.less";

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

@@ -1,41 +1,17 @@
 /******************************************************************
 	Style of the RTA Contextmenu - sap_belize_hcw Theme
 *******************************************************************/
-@_sap_ui_rta_ContextMenu_Border_LightColor: @sapUiWhite; //#ffffff
-@_sap_ui_rta_ContextMenu_Border_DarkColor: @sapUiBlackBG; //#000000
-@_sap_ui_rta_ContextMenu_BoxShadowColor: fade(@sapUiBlackBG, 50%); //rgba(0, 0, 0, 0.5)
+@_sap_ui_rta_ContextMenu_Border_LightColor: @sapUiNeutralBorder; //#ffffff
+@_sap_ui_rta_ContextMenu_Border_DarkColor: @sapUiNeutralBG; //#000000
+@_sap_ui_rta_ContextMenu_BoxShadow_DarkColor: fade(@sapUiContentShadowColor, 50%); //rgba(0, 0, 0, 0.5)
+@_sap_ui_rta_ContextMenu_BoxShadow_LightColor: @sapUiNeutralBorder; //#ffffff
 
-.sapUiRtaMode {
 
+.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_DarkColor;
-		}
-
-		&.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_DarkColor;
-				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_DarkColor;
-					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
 		}
 	}
 }

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

@@ -1,12 +1,12 @@
 /******************************************************************
 	Style of Dialogs shown in RTA - sap_belize_hcw Theme
 *******************************************************************/
-@_sap_ui_rta_Dialogs_Border_LightColor: @sapUiWhite; //#ffffff
-@_sap_ui_rta_Dialogs_Border_DarkColor: @sapUiBlackBG; //#000000
-@_sap_ui_rta_Dialogs_BoxShadowColor: fade(@sapUiBlackBG, 50%); //rgba(0, 0, 0, 0.5)
+@_sap_ui_rta_Dialogs_Border_LightColor: @sapUiNeutralBG; //#ffffff
+@_sap_ui_rta_Dialogs_Border_DarkColor: @sapUiNeutralElement; //#000000
+@_sap_ui_rta_Dialogs_BoxShadowColor: fade(@sapUiNeutralElement, 50%); //rgba(0, 0, 0, 0.5)
 
 .sapMDialog.sapUiRTABorder {
 	border: 0.1875rem solid @_sap_ui_rta_Dialogs_Border_LightColor; //3px
 	border-image: repeating-linear-gradient( -45deg, @_sap_ui_rta_Dialogs_Border_DarkColor, @_sap_ui_rta_Dialogs_Border_DarkColor 5px, @_sap_ui_rta_Dialogs_Border_LightColor 5px, @_sap_ui_rta_Dialogs_Border_LightColor 10px) 4;
 	box-shadow: 0 10px 64px 0 @_sap_ui_rta_Dialogs_BoxShadowColor, 0 0 10px -4px @_sap_ui_rta_Dialogs_Border_DarkColor;
-}
+}

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

@@ -1,8 +1,6 @@
 /******************************************************************
 	Style of the RTA Add Fields Dialog  - sap_belize_hcw Theme
 *******************************************************************/
-@_sap_ui_rta_FieldRepository_BGColor: @sapHC_HighlightBackground; //#ec8b46;
-
 .sapUiRtaMode {
 	.sapUIRtaFieldRepositoryDialog {
 		.sapMBtn:hover {

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

@@ -1,10 +1,10 @@
 /******************************************************************
 	Style of the RTA Overlays - sap_belize_hcw Theme
 *******************************************************************/
-@_sap_ui_rta_Overlay_BorderColor: @sapUiAccent6; //#004ccb
-@_sap_ui_rta_Overlay_BoxShadowColor: @sapUiWhite; //#ffffff
-@_sap_ui_rta_Overlay_BGColor: @sapUiWhite; //#ffffff
-@_sap_ui_rta_Overlay_HoverBorder: @sapUiBlackBG; //#000000
+@_sap_ui_rta_Overlay_BorderColor: @sapUiIndication5; //#004ccb
+@_sap_ui_rta_Overlay_BoxShadowColor: @sapUiNeutralBG; //#ffffff
+@_sap_ui_rta_Overlay_ShellBG: @sapUiNeutralBG; //#fff
+@_sap_ui_rta_Overlay_HoverBorder: @sapUiNeutralElement; //#000000
 
 .sapUiRta {
 	.sapUiDtOverlayTargetZone {
@@ -62,15 +62,4 @@
 			}
 		}
 	}
-}
-
-.sapUiRtaMode .sapUiShellBackgroundImage.sapUiGlobalBackgroundImageForce.sapUshellShellBG {
-	background-color: @_sap_ui_rta_Overlay_BGColor;
-	background-image:  none;
-}
-
-.sapUiRtaMode .sapUshellViewPortCenter,
-.sapUiRtaMode .sapMShellBG,
-.sapUiRtaMode .sapUiRtaToolbar {
-	background-color: @_sap_ui_rta_Overlay_BGColor;
 }

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

@@ -1,11 +1,13 @@
 /******************************************************************
 	Style of the RTA Toolbar (type: adaptation) - belize_hcw Theme
 *******************************************************************/
-@_sap_ui_rta_Toolbar_Adaptation_BaseColor: @sapUiWhite; //#ffffff
-@_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiBlackBG; //#000000
+@_sap_ui_rta_Toolbar_Adaptation_BaseColor: @sapUiNeutralBG; //#ffffff
+@_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiNeutralElement; //#000000
+@_sap_ui_rta_Toolbar_Adaptation_BoxShadow_DarkColor: fade(@sapUiNeutralElement, 80%); //rgba(0, 0, 0, 0.8)
+@_sap_ui_rta_Toolbar_Adaptation_BoxShadow_LightColor: @sapUiNeutralElement; //#000
 
 .sapUiRtaMode {
 	.sapUiRtaToolbar.sapUiRtaToolbarAdaptation {
-		box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.5), 0 0 10px -2px @_sap_ui_rta_Toolbar_Adaptation_TextColor;
+		box-shadow: 0 10px 32px 0 @_sap_ui_rta_Toolbar_Adaptation_BoxShadow_DarkColor, 0 0 10px -2px @_sap_ui_rta_Toolbar_Adaptation_BoxShadow_LightColor;
 	}
 }

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

@@ -1,8 +1,9 @@
 /******************************************************************
 	Style of the RTA Toolbar (all types) - belize_hcw Theme
 *******************************************************************/
-@_sap_ui_rta_Toolbar_Base_BaseColor: @sapUiWhite; //#ffffff
-@_sap_ui_rta_Toolbar_Base_TextColor: @sapUiBlackBG; //#000000
+@_sap_ui_rta_Toolbar_Base_BaseColor: @sapUiNeutralBG; //#ffffff
+@_sap_ui_rta_Toolbar_Base_TextColor: @sapUiNeutralElement; //#000000
+@_sap_ui_rta_Toolbar_Base_HoverColor: @sapUiHcHighlightBackground; //#7a5100
 
 .sapUiRtaMode {
 
@@ -12,7 +13,7 @@
 
 			&:hover .sapMSegBBtnInner,
 			&.sapMSegBBtnSel:hover .sapMSegBBtnInner {
-				background-color: @sapHC_HighlightBackground;
+				background-color: @_sap_ui_rta_Toolbar_Base_HoverColor;
 				color: @_sap_ui_rta_Toolbar_Base_TextColor;
 			}
 
@@ -45,7 +46,7 @@
 			border-left: none;
 		}
 		.sapMBtn:focus > .sapMFocusable {
-			outline: 0.125rem dotted @sapUiBlackBG; //2px
+			outline: 0.125rem dotted @_sap_ui_rta_Toolbar_Base_TextColor; //2px
 			border-color: transparent;
 		}
 		.sapUiRtaToolbarSwitcherSection {

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

@@ -1,13 +1,12 @@
 /****************************************************************************
 	Style of the RTA Toolbar (type: personalization) - sap_belize_hcw Theme
 *****************************************************************************/
-@_sap_ui_rta_Toolbar_Personalization_BaseColor: @sapUiWhite; //#ffffff
-@_sap_ui_rta_Toolbar_Personalization_TextColor: @sapUiBlackBG; //#000
+@_sap_ui_rta_Toolbar_Personalization_BaseColor: @sapUiNeutralBG; //#ffffff
+@_sap_ui_rta_Toolbar_Personalization_TextColor: @sapUiShellBorderColor; //#000
 
 .sapUiRtaToolbar.type_personalization {
-	border-top: @sapHC_StandardForeground 0.0625rem solid; //1px
+	border-top: @_sap_ui_rta_Toolbar_Personalization_TextColor 0.0625rem solid; //1px
 	.sapMBtn .sapMBtnTransparent.sapMBtnInner .sapMBtnContent {
-		color: @_sap_ui_rta_Toolbar_Personalization_TextColor;
 		font-weight: bold;
 		text-shadow: none;
 	}

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

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

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

@@ -1,4 +1,8 @@
 /******************************************************************
 	Style of the RTA Overlays - Belize Plus Theme
 *******************************************************************/
-@_sap_ui_rta_Overlay_BaseBG: @sapBackgroundColor;
+@_sap_ui_rta_Overlay_ShellBG: transparent;
+
+.sapUiRtaMode .sapUiShellBackgroundImage.sapUiGlobalBackgroundImageForce.sapUshellShellBG {
+	background-image: linear-gradient(to bottom, #2a4863, #9dc0de);
+}