@openui5/themelib_sap_horizon 1.126.1 → 1.128.0

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;
 	}
 }

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

@@ -1,9 +1,8 @@
 /******************************************************************
 	Style of the DT Contextmenu - Horizon High Contrast Black theme
 *******************************************************************/
-@_sap_ui_dt_ContextMenu_Border_Radius: @sapUiButtonBorderCornerRadius; // .375rem
-@_sap_ui_dt_ContextMenu_OpenSubMenuBG: @sapUiSelected; //#0f5c93
-@_sap_ui_dt_ContextMenu_OpenSubMenuBorder: @sapUiNeutralBG; //000
+@_sap_ui_dt_ContextMenu_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.375rem
+@_sap_ui_dt_ContextMenu_OpenSubMenuBackgroundColor: @sapUiSelected; //#0f5c93
 
 .sapUiDtContextMenu {
 	.sapUiMnuLst {
@@ -14,43 +13,26 @@
 			}
 
 			&:focus {
-				border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
+				border-radius: @_sap_ui_dt_ContextMenu_BorderRadius;
 			}
 
 			&.sapUiMnuItmSubMnuOpen {
-				background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBG;
-				border-bottom: 0.0625rem solid @_sap_ui_dt_ContextMenu_OpenSubMenuBorder !important; //1px
-				border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
+				border-bottom: 0.0625rem solid transparent !important; //remove border
+				border-radius: @_sap_ui_dt_ContextMenu_BorderRadius;
 
-				&.sapUiMnuItmHov {
-					background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBG;
+				&:not(.sapUiMnuItmHov) {
+					background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBackgroundColor;
 				}
 			}
 		}
 	}
 }
 
-.sapUiDtContextMiniMenu:not(.sapUiSubmenu) {
+.sapUiDtContextMiniMenu {
 	.sapUiMnuLst {
 		.sapUiMnuItm {
-
-			&.sapUiMnuItmHov {
-				.sapUiIcon {
-					border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
-				}
-			}
-
-			&.sapUiMnuItmSubMnuOpen {
-				background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBorder;
-
-				.sapUiIcon {
-					background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBG;
-					border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
-				}
-			}
-
-			&:focus {
-				border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
+			.sapUiIcon {
+				border-radius: @_sap_ui_dt_ContextMenu_BorderRadius;
 			}
 		}
 	}

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

@@ -1,20 +1,21 @@
 /******************************************************************
 	Style of the DT Overlays - Horizon High Contrast Black theme
 *******************************************************************/
-@_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: @sapUiFieldReadOnlyBackground; //#585858
-@_sap_ui_dt_Overlay_HighlightColor: @sapUiWarningBorder; // #ffab1d
+@_sap_ui_dt_Overlay_TargetZoneOutlineColor: @sapUiSuccessBorder; //#9c9
+@_sap_ui_dt_Overlay_SelectionOutlineColor: darken(@sapUiSuccessBorder, 25%); //#4c994c
+@_sap_ui_dt_Overlay_CuttedBackgroundColor: @sapUiFieldPlaceholderTextColor; //#999
+@_sap_ui_dt_Overlay_CuttedBorderColor: darken(@sapUiSuccessBorder, 25%); //#4c994c
+@_sap_ui_dt_Overlay_HighlightOutlineColor: @sapUiWarningBorder; // #ffab1d
 @_sap_ui_dt_Overlay_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.375rem
+@_sap_ui_dt_Overlay_DropZoneBackgroundColor: fade(@sapUiSuccessBorder, 30%); //rgba(153, 204, 153, 0.3)
 
 .sapUiDtOverlayFocusable {
 	&:focus {
 		&:before {
 			border-radius: @_sap_ui_dt_Overlay_BorderRadius;
-			outline: 0.0625rem dotted @_sap_ui_dt_Overlay_FocusColor;
+			outline: 0.125rem dotted @_sap_ui_dt_Overlay_FocusBorderColor;
 			border: none;
-			outline-offset: -0.125rem;
+			outline-offset: -0.25rem; //4px
 		}
 	}
 }
@@ -25,6 +26,12 @@
 	&:after {
 		border-radius: @_sap_ui_dt_Overlay_BorderRadius;
 	}
+	&.sapUiDtOverlayHover {
+		&:after {
+			border: 0.125rem solid @_sap_ui_dt_Overlay_SelectionOutlineColor; //2px
+			outline-offset: -0.25rem; //4px
+		}
+	}
 }
 
 .sapUiDtOverlayTargetZone {
@@ -39,4 +46,19 @@
 	&:after {
 		border-radius: @_sap_ui_dt_Overlay_BorderRadius;
 	}
+}
+
+.sapUiDtOverlayHighlighted:not(.sapUiDtOverlaySelected) {
+	&:after {
+		box-shadow: none;
+	}
+}
+
+.sapUiDtOverlayHover {
+	&:after {
+		box-shadow: none;
+		outline: 0.125rem dotted @_sap_ui_dt_Overlay_SelectionOutlineColor; //2px
+		outline-offset: -0.125rem; //2px
+		border-radius: @_sap_ui_dt_Overlay_BorderRadius;
+	}
 }

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

@@ -8,5 +8,5 @@
 @import "../../../../../sap/ui/core/themes/sap_horizon_hcb/base.less";
 @import "../../../../../sap/ui/core/themes/sap_horizon_hcb/global.less";
 
-@import "Overlay.less";
-@import "ContextMenu.less";
+@import "ContextMenu.less";
+@import "Overlay.less";

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

@@ -1,52 +1,34 @@
 /*********************************************************************
 	Style of the DT Contextmenu - Horizon High Contrast White theme
 **********************************************************************/
-@_sap_ui_dt_ContextMenu_Border_Radius: @sapUiButtonBorderCornerRadius; // .375rem
-@_sap_ui_dt_ContextMenu_OpenSubMenuBG: @sapUiSelected; //#0f5c93
-@_sap_ui_dt_ContextMenu_OpenSubMenuBorder: @sapUiNeutralBG; //000
+@_sap_ui_dt_ContextMenu_BorderRadius: @sapUiButtonBorderCornerRadius; // .375rem
+@_sap_ui_dt_ContextMenu_OpenSubMenuBackgroundColor: @sapUiButtonSelectedBackground; //#5c93ff
 
 .sapUiDtContextMenu {
 	.sapUiMnuLst {
 		.sapUiMnuItm {
 
 			&:focus {
-				border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
+				border-radius: @_sap_ui_dt_ContextMenu_BorderRadius;
 			}
 
 			&.sapUiMnuItmSubMnuOpen {
-				background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBG;
-				border-bottom: 0.0625rem solid @_sap_ui_dt_ContextMenu_OpenSubMenuBorder !important; //1px
-				border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
+				border-bottom: 0.0625rem solid transparent !important; //1px
+				border-radius: @_sap_ui_dt_ContextMenu_BorderRadius;
 
-				&.sapUiMnuItmHov {
-					background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBG;
+				&:not(.sapUiMnuItmHov) {
+					background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBackgroundColor;
 				}
 			}
 		}
 	}
 }
 
-.sapUiDtContextMiniMenu:not(.sapUiSubmenu) {
+.sapUiDtContextMiniMenu {
 	.sapUiMnuLst {
 		.sapUiMnuItm {
-
-			&.sapUiMnuItmHov {
-				.sapUiIcon {
-					border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
-				}
-			}
-
-			&.sapUiMnuItmSubMnuOpen {
-				background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBorder;
-
-				.sapUiIcon {
-					background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBG;
-					border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
-				}
-			}
-
-			&:focus {
-				border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
+			.sapUiIcon {
+				border-radius: @_sap_ui_dt_ContextMenu_BorderRadius;
 			}
 		}
 	}

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

@@ -1,18 +1,21 @@
 /******************************************************************
 	Style of the DT Overlays - Horizon High Contrast White theme
 *******************************************************************/
-@_sap_ui_dt_Overlay_FocusColor: fade(@sapUiNeutralBorder, 80%); //rgba(0, 0, 0, 0.8)
-@_sap_ui_dt_Overlay_CuttedColor: @sapUiFieldReadOnlyBackground; //#b3b3b3
-@_sap_ui_dt_Overlay_HighlightColor: @sapUiListHighlightColor; // #ec8b46
+@_sap_ui_dt_Overlay_FocusBorderColor: @sapUiContentFocusColor; //#000
+@_sap_ui_dt_Overlay_CuttedBackgroundColor: @sapUiContentPlaceholderloadingBackground; // #888
+@_sap_ui_dt_Overlay_HighlightOutlineColor: @sapUiListHighlightColor; // #ec8b46
 @_sap_ui_dt_Overlay_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.375rem
+@_sap_ui_dt_Overlay_HoverBackgroundColor: fade(@sapUiSelected, 15%); //rgba(92, 147, 255, 0.15)
+@_sap_ui_dt_Overlay_DropZoneBackgroundColor: fade(@sapUiSelected, 15%); //rgba(92, 147, 255, 0.15)
+@_sap_ui_dt_Overlay_SelectionOutlineColor: darken(@sapUiSelected, 25%); //#004adc
 
 .sapUiDtOverlayFocusable {
 	&:focus {
 		&:before {
 			border-radius: @_sap_ui_dt_Overlay_BorderRadius;
-			outline: 0.0625rem dotted @_sap_ui_dt_Overlay_FocusColor;
 			border: none;
-			outline-offset: -0.125rem;
+			outline: 0.125rem dotted @_sap_ui_dt_Overlay_FocusBorderColor; //2px
+			outline-offset: -0.25rem; //4px
 		}
 	}
 }
@@ -23,6 +26,12 @@
 	&:after {
 		border-radius: @_sap_ui_dt_Overlay_BorderRadius;
 	}
+	&.sapUiDtOverlayHover {
+		&:after {
+			border: 0.125rem solid @_sap_ui_dt_Overlay_SelectionOutlineColor; //2px
+			outline-offset: -0.25rem; //4px
+		}
+	}
 }
 
 .sapUiDtOverlayTargetZone {
@@ -37,4 +46,19 @@
 	&:after {
 		border-radius: @_sap_ui_dt_Overlay_BorderRadius;
 	}
+}
+
+.sapUiDtOverlayHighlighted:not(.sapUiDtOverlaySelected) {
+	&:after {
+		box-shadow: none;
+	}
+}
+
+.sapUiDtOverlayHover {
+	&:after {
+		box-shadow: none;
+		outline: 0.125rem dotted @_sap_ui_dt_Overlay_SelectionOutlineColor; //2px
+		outline-offset: -0.125rem; //2px
+		border-radius: @_sap_ui_dt_Overlay_BorderRadius;
+	}
 }

package/src/sap/ui/mdc/themes/sap_horizon/Chart.less

@@ -0,0 +1,6 @@
+/* =================================== */
+/* CSS for control sap.ui.mdc/Chart    */
+/* Horizon theme                       */
+/* =================================== */
+
+@_sap_ui_mdc_Chart_ToolbarDesign: ~"Solid";

package/src/sap/ui/mdc/themes/sap_horizon/Table.less

@@ -4,7 +4,7 @@
 /* =================================== */
 
 @_sap_ui_mdc_Table_ExportButtonType: ~"Transparent";
-@_sap_ui_mdc_Table_ToolbarDesign: ~"Transparent";
+@_sap_ui_mdc_Table_ToolbarDesign: ~"Solid";
 @_sap_ui_mdc_Table_HeaderStyle: ~"H5";
 
 .sapUiMdcTable .sapMIBar.sapMTBHeader-CTX {

package/src/sap/ui/mdc/themes/sap_horizon/library.source.less

@@ -13,3 +13,4 @@
 @import "TokenDisplay.less";
 @import "TokenizerDisplay.less";
 @import "FieldBase.less";
+@import "Chart.less";

package/src/sap/ui/mdc/themes/sap_horizon_dark/Chart.less

@@ -0,0 +1,6 @@
+/* =================================== */
+/* CSS for control sap.ui.mdc/Chart    */
+/* Evening Horizon theme               */
+/* =================================== */
+
+@_sap_ui_mdc_Chart_ToolbarDesign: ~"Solid";

package/src/sap/ui/mdc/themes/sap_horizon_dark/Table.less

@@ -4,7 +4,7 @@
 /* ================================= */
 
 @_sap_ui_mdc_Table_ExportButtonType: ~"Transparent";
-@_sap_ui_mdc_Table_ToolbarDesign: ~"Transparent";
+@_sap_ui_mdc_Table_ToolbarDesign: ~"Solid";
 @_sap_ui_mdc_Table_HeaderStyle: ~"H5";
 
 .sapUiMdcTable .sapMIBar.sapMTBHeader-CTX {

package/src/sap/ui/mdc/themes/sap_horizon_dark/library.source.less

@@ -12,4 +12,5 @@
 @import "ValueHelpDialog.less";
 @import "TokenDisplay.less";
 @import "TokenizerDisplay.less";
-@import "FieldBase.less";
+@import "FieldBase.less";
+@import "Chart.less";

package/src/sap/ui/mdc/themes/sap_horizon_hcb/Chart.less

@@ -0,0 +1,6 @@
+/* =================================== */
+/* CSS for control sap.ui.mdc/Chart    */
+/* Horizon High Contrast Black theme   */
+/* =================================== */
+
+@_sap_ui_mdc_Chart_ToolbarDesign: ~"Solid";

package/src/sap/ui/mdc/themes/sap_horizon_hcb/Table.less

@@ -4,5 +4,5 @@
 /* =================================== */
 
 @_sap_ui_mdc_Table_ExportButtonType: ~"Transparent";
-@_sap_ui_mdc_Table_ToolbarDesign: ~"Transparent";
+@_sap_ui_mdc_Table_ToolbarDesign: ~"Solid";
 @_sap_ui_mdc_Table_HeaderStyle: ~"H5";

package/src/sap/ui/mdc/themes/sap_horizon_hcb/library.source.less

@@ -10,4 +10,5 @@
 @import "ValueHelpDialog.less";
 @import "TokenDisplay.less";
 @import "TokenizerDisplay.less";
-@import "Table.less";
+@import "Table.less";
+@import "Chart.less";

package/src/sap/ui/mdc/themes/sap_horizon_hcw/Chart.less

@@ -0,0 +1,6 @@
+/* =================================== */
+/* CSS for control sap.ui.mdc/Chart    */
+/* Horizon High Contrast White theme   */
+/* =================================== */
+
+@_sap_ui_mdc_Chart_ToolbarDesign: ~"Solid";

package/src/sap/ui/mdc/themes/sap_horizon_hcw/Table.less

@@ -4,5 +4,5 @@
 /* =================================== */
 
 @_sap_ui_mdc_Table_ExportButtonType: ~"Transparent";
-@_sap_ui_mdc_Table_ToolbarDesign: ~"Transparent";
+@_sap_ui_mdc_Table_ToolbarDesign: ~"Solid";
 @_sap_ui_mdc_Table_HeaderStyle: ~"H5";

package/src/sap/ui/mdc/themes/sap_horizon_hcw/library.source.less

@@ -10,4 +10,5 @@
 @import "ValueHelpDialog.less";
 @import "TokenDisplay.less";
 @import "TokenizerDisplay.less";
-@import "Table.less";
+@import "Table.less";
+@import "Chart.less";

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

@@ -1,9 +1,8 @@
 /******************************************************************
 	Style of the RTA Add IFrame Dialog  - Horizon Theme
 *******************************************************************/
-@_sap_ui_rta_AddIFrame_DelimiterLineColor: @sapUiToolbarSeparatorColor; //#d9d9d9
-@_sap_ui_rta_AddIFrame_BorderRadius: @sapUiGroupBorderCornerRadius; //0.5rem
-@_sap_ui_rta_AddIFrame_PreviewTlbarHoverBG: @sapUiButtonHoverBackground; //fff
+@_sap_ui_rta_AddIFrame_BorderRadius: @sapUiFieldBorderCornerRadius; //0.25rem
+@_sap_ui_rta_AddIFrame_ButtonHoverBackgroundColor: @sapUiButtonHoverBackground; //#eaecee
 
 .sapUiRtaMode {
 	.sapUiRtaAddIFrameDialog {
@@ -19,8 +18,6 @@
 				.sapUiRtaAddIFrameDialogEditUrl {
 					.sapMTextArea {
 						.sapMInputBaseContentWrapper {
-							border: 0.0625rem solid @_sap_ui_rta_AddIFrame_BorderColor; //1px
-							border-radius: @_sap_ui_rta_AddIFrame_BorderRadius;
 							background-image: none;
 						}
 
@@ -43,9 +40,12 @@
 						padding-left: 0;
 						padding-right: 0.125rem;
 
-						&.sapMTB:hover,
-						&.sapMTB-Solid-CTX.sapMTB:hover {
-							background-color: @_sap_ui_rta_AddIFrame_PreviewTlbarHoverBG;
+						.sapUiRtaAddIFrameDialogPreviewButton {
+							&:not(.sapMBtnDisabled):hover {
+								.sapMBtnInner {
+									background-color: @_sap_ui_rta_AddIFrame_ButtonHoverBackgroundColor;
+								}
+							}
 						}
 					}
 				}
@@ -53,7 +53,6 @@
 
 			.sapUiRtaAddIFrameDialogPreviewGrid {
 				border-radius: @_sap_ui_rta_AddIFrame_BorderRadius;
-				padding-bottom: 0.5rem;
 			}
 		}
 	}

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

@@ -1,15 +1,16 @@
 /******************************************************************
 	Style of the RTA Contextmenu - Horizon Theme
 *******************************************************************/
-@_sap_ui_rta_ContextMenu_Border_DarkColor: @sapUiButtonEmphasizedBorderColor; // #0070f2
-@_sap_ui_rta_ContextMenu_Border_Radius: @sapUiGroupBorderCornerRadius; // 0.5rem
+@_sap_ui_rta_ContextMenu_BorderLightColor: @sapUiShellBorderColor; //#fff
+@_sap_ui_rta_ContextMenu_BorderDarkColor: @sapUiShellSelectedTextColor; //#0070f2
+@_sap_ui_rta_ContextMenu_BorderRadius: @sapUiGroupBorderCornerRadius; // 0.5rem
 
 .sapUiRtaMode {
 	.sapUiDtContextMenu {
 		&.sapMMenu {
-			border: 0.188rem dashed @_sap_ui_rta_ContextMenu_Border_DarkColor; //2px
+			border: 0.188rem dashed @_sap_ui_rta_ContextMenu_BorderDarkColor; //2px
 			border-image: none;
-			border-radius: @_sap_ui_rta_ContextMenu_Border_Radius;
+			border-radius: @_sap_ui_rta_ContextMenu_BorderRadius;
 		}
 	}
 }