@openui5/themelib_sap_horizon 1.101.0 → 1.103.0

package/src/sap/m/themes/sap_horizon_dark/WizardProgressNavigator.less

@@ -9,6 +9,7 @@
 .sapMWizardProgressNav {
 	position: absolute;
 	z-index: 1;
+	box-shadow: @sapUiContentHeaderShadow;
 }
 
 .sapMWizardProgressNavStep:hover .sapMWizardProgressNavStepCircle {
@@ -21,11 +22,14 @@
 	color: @sapUiContentContrastIconColor;
 }
 
-.sapMWizardProgressNavStep[data-sap-ui-wpn-step-current="true"]:hover .sapMWizardProgressNavStepTitle,
 .sapMWizardProgressNavStep:hover .sapMWizardProgressNavStepTitle {
 	color: @sapTextColor;
 }
 
+.sapMWizardProgressNavStep[data-sap-ui-wpn-step-current="true"] .sapMWizardProgressNavStepTitle {
+	color: @sapUiContentSelectedForegroundColor;
+}
+
 .sapMWizardProgressNavStep[data-sap-ui-wpn-step-current="true"] .sapMWizardProgressNavStepCircle::after {
 	height: @_sap_m_WizardProgressNavigator_StepUnderlineHeight;
 	background: @sapUiSelected;
@@ -50,13 +54,13 @@
 
 .sapMWizardProgressNavStepCircle {
 	background: @sapUiObjectHeaderBackground;
-	border-color:  @sapUiSelected;
+	border-color: @sapUiSelected;
 	color: @sapUiSelected;
 }
 
 .sapMWizardProgressNavStepTitle {
 	color: @sapTextColor;
-	font-weight: bold;
+	font-family: @sapUiFontBoldFamily;
 }
 
 .sapMWizardProgressNavStepTitle:hover {
@@ -64,18 +68,21 @@
 }
 
 .sapMWizardProgressNavStep::after {
-	border-bottom-color: @sapUiSelected;
+	border-bottom-color: @sapUiContentSelectedForegroundColor;
 }
 
 .sapMWizard .sapMWizardStepContainer {
   background: @sapUiGroupContentBackground;
 }
 
-.sapMWizardProgressNavStepTitleOptional,
-.sapMWizardProgressNavStepLabelOptional {
+.sapMWizardProgressNavStepTitleOptional {
 	color: @sapTextColor;
 }
 
+.sapMWizardProgressNavStepLabelOptional {
+	margin-top: 0.125rem;
+}
+
 .sapMWizardProgressNavStep[data-sap-ui-wpn-step-active="true"] {
 	/* all steps after the active one have inactive style */
 	& ~ .sapMWizardProgressNavStep .sapMWizardProgressNavStepCircle {
@@ -84,6 +91,10 @@
 		color: @sapUiContentLabelColor;
 	}
 
+	& ~ .sapMWizardProgressNavStep .sapMWizardProgressNavStepTitle {
+		color: @sapUiContentLabelColor;
+	}
+
 	/* all separators after (and including) the active step have inactive style */
 	&::after,
 	& ~ .sapMWizardProgressNavStep::after {

package/src/sap/m/themes/sap_horizon_dark/WizardStep.less

@@ -3,6 +3,13 @@
 /* Evening Horizon theme             */
 /* ================================= */
 
+.sapMWizardStep {
+	background-color: @sapUiGroupContentBackground;
+	border-radius: @sapUiElementBorderCornerRadius;
+	padding: 1rem;
+	margin-bottom: 1rem;
+}
+
 .sapMWizardStep .sapMWizardStepTitle {
 	font-weight: bold;
 }

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

@@ -23,6 +23,7 @@
 @import "CustomTile.less";
 @import "Dialog.less";
 @import "DraftIndicator.less";
+@import "DynamicDateRange.less";
 @import "Image.less";
 @import "MessagePage.less";
 @import "GenericTag.less";
@@ -37,6 +38,7 @@
 /* note: the following three files are not in alphabetical order and should be imported after InputBase.less */
 @import "ColumnListItem.less";
 @import "ComboBoxBase.less";
+@import "Label.less";
 @import "LightBox.less";
 @import "Link.less";
 @import "ListBase.less";
@@ -48,9 +50,10 @@
 @import "MultiComboBox.less";
 @import "MultiInput.less";
 @import "NewsContent.less";
-@import "NotificationListItem.less";
+@import "NotificationListGroup.less";
 @import "ObjectAttribute.less";
 @import "ObjectHeader.less";
+@import "ObjectListItem.less";
 @import "ObjectMarker.less";
 @import "ObjectNumber.less";
 @import "ObjectStatus.less";
@@ -68,7 +71,6 @@
 @import "RangeSlider.less";
 @import "RatingIndicator.less";
 @import "ResponsivePopover.less";
-@import "ScrollContainer.less";
 @import "SearchField.less";
 @import "SegmentedButton.less";
 @import "Select.less";

package/src/sap/m/themes/sap_horizon_hcb/ActionSelect.less

@@ -7,7 +7,7 @@
 /* button                        */
 /* ----------------------------- */
 
-.sapMActionSelectPicker .sapMBtn {
+html.sap-desktop .sapMActionSelectPicker .sapMBtn {
 	.sapMBtnInner {
 		border-top: 1px solid @sapUiButtonActionSelectBorderColor;
 		border-bottom: 0;
@@ -21,15 +21,20 @@
 	}
 }
 
-.sapMActionSelectPicker .sapMBtn .sapMBtnInner {
+html.sap-desktop .sapMActionSelectPicker .sapUiSimpleFixFlexFlexContent .sapMBtn .sapMBtnInner {
 	border-radius: 0;
 }
 
+html.sap-phone .sapMActionSelectPicker .sapUiSimpleFixFlexFlexContent .sapMBtn .sapMBtnInner {
+	margin-left: 1rem;
+	margin-right: 1rem;
+}
+
 /* override standard buttons inside the action select */
 
 .sapMActionSelectPicker .sapMBtnDefault {
 	background: @sapUiButtonActionSelectBackground;
-	border-color: @sapUiButtonActionSelectBorderColor;
+	border-color: @sapUiListBorderColor;
 
 	/* override the default text-shadow */
 	text-shadow: none;
@@ -37,7 +42,7 @@
 
 .sapMActionSelectPicker .sapMBtn,
 .sapMActionSelectPicker .sapMBtn:hover > .sapMBtnHoverable:not(.sapMBtnActive) {
-	border-color: @sapUiButtonActionSelectBorderColor;
+	border-color: @sapUiListBorderColor;
 }
 
 html.sap-desktop .sapMActionSelectPicker .sapMBtn:not(.sapMBtnDisabled) .sapMBtnDefault:not(.sapMBtnActive):hover {
@@ -58,11 +63,11 @@ html.sap-desktop .sapMActionSelectPicker .sapMBtn:not(.sapMBtnDisabled) .sapMBtn
 	padding: 0;
 }
 
-.sapUiSizeCompact.sapMActionSelectPicker .sapMBtnInner {
+html.sap-desktop .sapUiSizeCompact.sapMActionSelectPicker .sapMBtnInner {
 	height: 2rem;
 	border-radius: 0;
 	border: 0;
-	border-top: 1px solid @sapUiButtonActionSelectBorderColor;
+	border-top: 1px solid @sapUiListBorderColor;
 
 	.sapMBtnContent {
 		line-height: 2rem;

package/src/sap/m/themes/sap_horizon_hcb/ActionSheet.less

@@ -3,7 +3,42 @@
 /* Horizon High Contrast Black theme  */
 /* ================================== */
 
+.sapMActionSheetPopover.sapMPopover {
+	box-shadow: @sapUiContentShadow2;
+}
+
 .sapMActionSheetDialog .sapMBar.sapMHeader-CTX > .sapMBarMiddle > .sapMBarPH > .sapMDialogTitle {
-	color: @sapUiContentContrastTextColor;
-	background: transparent;
+	color: @sapUiPageHeaderTextColor;
+	font-size: @sapMFontHeader5Size;
+	font-weight: bold;
+}
+
+.sapMDialog.sapMActionSheetDialog {
+	background-color: @sapUiPageHeaderBackground;
+	border-top-left-radius: @sapUiElementBorderCornerRadius;
+	border-top-right-radius: @sapUiElementBorderCornerRadius;
+	box-shadow: @sapUiContentShadow3;
+
+	&.sapMDialogPhone .sapMIBar.sapMHeader-CTX {
+		box-shadow: @sapUiContentHeaderShadow;
+		background-color: @sapUiPageHeaderBackground;
+		border-top-left-radius: @sapUiElementBorderCornerRadius;
+		border-top-right-radius: @sapUiElementBorderCornerRadius;
+	}
+
+	&.sapUiPopupWithPadding:not(.sapUiNoContentPadding) .sapMDialogScrollCont {
+		padding: 0;
+	}
+
+	& > .sapMDialogSection {
+		box-shadow: none;
+	}
+
+	&:not(.sapUiResponsiveContentPadding):not(.sapUiContentPadding).sapMDialog-NoFooter .sapMDialogScroll {
+		padding-bottom: 0;
+	}
+}
+
+.sapMActionSheetDialogWithTitle .sapMBarMiddle .sapMBarPH {
+	padding: 0 1rem;
 }

package/src/sap/m/themes/sap_horizon_hcb/Bar.less

@@ -4,18 +4,22 @@
 /* ================================== */
 
 .sapMBar {
-	background-color: transparent;
 	text-shadow: none;
 }
 
-.sapMBarRight,
-.sapMBarPH {
-	padding-right: 0.5rem;
+.sapMBarLeft{
+	padding-left: 1rem;
+	padding-right: 0.25rem;
+}
+
+.sapMBarRight {
+	padding-left: 0.25rem;
+	padding-right: 1rem;
 }
 
-.sapMBarLeft,
 .sapMBarPH {
-	padding-left: 0.5rem;
+	padding-right: 0.25rem;
+	padding-left: 0.25rem;
 }
 
 .sapMBar .sapMBarRight.sapMBarContainer > *:first-child,
@@ -33,7 +37,7 @@
 .sapMBar .sapMBarRight.sapMBarContainer > *:not(:first-child):not(:last-child),
 .sapMBar .sapMBarLeft.sapMBarContainer > *:not(:first-child):not(:last-child),
 .sapMBar .sapMBarMiddle .sapMBarContainer > *:not(:first-child):not(:last-child){
-	margin: 0 0.25rem;
+	margin: 0 0.5rem;
 }
 
 .sapMBar .sapMBarRight.sapMBarContainer > *:first-child:last-child,
@@ -75,4 +79,8 @@
 
 html[data-sap-ui-browser^="ff"].sap-desktop .sapMBarTitleAlignAuto .sapMBarPH {
 	justify-content: start;
+}
+
+.sapMIBar-CTX.sapMFooter-CTX {
+	border-top: 0.0625rem solid @sapUiPageFooterBorderColor;
 }

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

@@ -194,10 +194,6 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnActive.sapMBtnEmphasized.sapMFocusable
 /* (add separators, remove top/bottom border)       */
 /* ------------------------------------------------ */
 
-.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable:not(.sapMBtnActive) {
-	border-color:     transparent;
-}
-
 .sapUiSizeCompact .sapMBar-CTX .sapMBtnInner.sapMBtnGhost:not(.sapMBtnDisabled) {
 	background: @sapUiButtonLiteBackground;
 	border: 0.0625rem solid @sapUiButtonBorderColor;
@@ -251,5 +247,13 @@ html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnReject {
 /* ----------------------*/
 
 .sapMBtn .sapMBadge .sapMBadgeIndicator:after {
-	border-color: @sapUiGroupContentBorderColor;
+	background-color: @sapContent_BadgeBackground;
+	border-color: @sapGroup_ContentBorderColor;
+	color: @sapContent_BadgeTextColor;
+	font-size: @sapFontSmallSize;
+	text-align: center;
+}
+
+.sapUiSizeCompact .sapMBar-CTX .sapMBtnDefault.sapMBtnInner:not(.sapMBtnDisabled) {
+	border-color: @sapUiButtonSelectedBorderColor;
 }

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

@@ -17,60 +17,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: @sapContent_Shadow1;
 @_sap_m_Carousel_BulletInactiveBackground: none;
-@_sap_m_Carousel_BulletInactiveBorderColor: @sapUiContentForegroundBorderColor;
-
-@_sap_m_Carousel_BulletActiveBorder: @sapUiContentForegroundBorderColor;
-
+@_sap_m_Carousel_BulletInactiveBorderColor: @sapContent_ForegroundBorderColor;
+@_sap_m_Carousel_BulletActiveBackground: @sapContent_Selected_ForegroundColor;
+@_sap_m_Carousel_BulletActiveBorder: @sapContent_Selected_ForegroundColor;
 @_sap_m_Carousel_BulletInactiveWidth: 0.5rem;
 @_sap_m_Carousel_BulletInactiveMargin: 0 0.25rem;
-@_sap_m_Carousel_FocusBorderOffsetArrow: -0.25rem;
-
-.sapMCrsl {
-	background-color: @sapUiBaseBG;
-	border: 0.125rem solid transparent;
-}
-
-/* Carousel controls: HUD */
-.sapMCrslHud a {
-	opacity: 0.5;
-	box-shadow: @sapUiShadowLevel1;
-}
-.sapMCrsl:focus {
-    outline: none;
-}
-
-.sapMCrsl .sapMCrslHud,
-.sapMCrsl .sapMCrslHud {
-	border: 3px solid @sapUiButtonBorderColor;
-}
-
-.sapMCrsl .sapMCrslHud a:hover,
-.sapMCrsl .sapMCrslHud a:focus {
-	box-shadow: @sapUiShadowLevel1;
-	border: 1px solid @sapUiButtonBorderColor;
-	background: @sapUiButtonHoverBackground;
-}
-
-.sapMCrsl .sapMCrslHud a:active {
-	box-shadow: @sapUiShadowLevel1;
-	background-color: @sapUiButtonActiveBackground;
-}
-
-/* HCB Additional Styles */
-.sapMCrslHud .sapMCrslPrev,
-.sapMCrslHud .sapMCrslNext {
-	border: 2px solid @sapUiButtonBorderColor;
-}
-
-.sapMCrslControls .sapMCrslPrev,
-.sapMCrslControls .sapMCrslNext {
-	border: 1px solid @sapUiButtonBorderColor;
-}
-
-.sapMCrslPrev:focus,
-.sapMCrslNext:focus,
-.sapMCrslPrev .sapUiIcon:focus,
-.sapMCrslNext .sapUiIcon:focus {
-	outline: none;
-}
+@_sap_m_Carousel_FocusBorderOffsetArrow: -0.3125rem;
+@_sap_m_Carousel_ContrastFocusBorder: @sapUiContentFocusWidth solid @sapUiBaseBG;

package/src/sap/m/themes/sap_horizon_hcb/ColorPalette.less

@@ -23,7 +23,7 @@ html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare {
 		top: 0.125rem;
 		right: 0.125rem;
 		bottom: 0.125rem;
-		border: 0.0625rem solid @sapUiButtonLiteBackground;
+		border: 0.125rem solid @sapUiButtonLiteBackground;
 		pointer-events: none;
 	}
 	&:hover {
@@ -40,12 +40,13 @@ html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare {
 		top: 0.125rem;
 		right: 0.125rem;
 		bottom: 0.125rem;
-		border: 0.0625rem dotted @sapUiContentContrastFocusColor;
+		border: 0.125rem dotted @sapUiContentContrastFocusColor;
 		pointer-events: none;
 	}
 }
 .sap-desktop .sapMColorPalette .sapMBtn:focus {
 	&:after {
+		border-width: 0.125rem;
 		border-color: @sapUiContentFocusColor;
 	}
 }

package/src/sap/m/themes/sap_horizon_hcb/DynamicDateRange.less

@@ -0,0 +1,12 @@
+/* ======================================= */
+/* CSS for control sap.m/DynamicDateRange  */
+/* Horizon High Contrast Black theme       */
+/* ======================================= */
+
+.sapUiIcon.sapMDDRDateOption {
+	color: @sapUiButtonActiveTextColor;
+}
+
+.sapMDynamicDateRangePopover section > .sapMLabel {
+	margin: 1rem 0 0.5rem 0;
+}

package/src/sap/m/themes/sap_horizon_hcb/GenericTag.less

@@ -3,27 +3,131 @@
 /* Horizon High Contrast Black theme  */
 /* ================================== */
 
-html.sap-desktop .sapMGenericTag {
-	&:before {
-		border: 1px solid @sapUiBaseBG;
+@sapMGenericTagBorderWidth: 0.375rem;
+@sapMGenericTagIconPaddingRight: 0.375rem;
+@sapMGenericTagHeightCozy: @sapMGenericTagHeightCompact;
+
+.sapMGenericTagWrap {
+	box-shadow: @sapUiContentShadow0;
+	border-radius: @sapUiButtonBorderCornerRadius;
+	background: ~"0 0 / @{sapMGenericTagBorderWidth} 100% no-repeat linear-gradient(0deg, @{sapUiNeutralElement}, @{sapUiNeutralElement})";
+	background-color: @sapUiNeutralBG;
+	border: none;
+	padding: 0 0.375rem 0 0.75rem;
+
+	.sapMGenericTagWarning & {
+		background: ~"0 0 / @{sapMGenericTagBorderWidth} 100% no-repeat linear-gradient(0deg, @{sapUiCriticalElement}, @{sapUiCriticalElement})";
+		background-color: @sapUiWarningBG;
+
+		.sapMGenericTagIcon {
+			color: @sapUiCriticalElement;
+		}
+
+		.sapMGenericTagValue {
+			color: @sapUiCriticalText;
+		}
 	}
-	&:after {
-		border: 1px dotted @sapUiContentContrastFocusColor;
+
+	.sapMGenericTagError & {
+		background: ~"0 0 / @{sapMGenericTagBorderWidth} 100% no-repeat linear-gradient(0deg, @{sapUiNegativeElement}, @{sapUiNegativeElement})";
+		background-color: @sapUiErrorBG;
+
+		.sapMGenericTagIcon {
+			color: @sapUiNegativeElement;
+		}
+
+		.sapMGenericTagValue {
+			color: @sapNegativeTextColor;
+		}
 	}
-}
 
-.sapMGenericTagWrap {
-	&:hover{
+	.sapMGenericTagSuccess & {
+		background: ~"0 0 / @{sapMGenericTagBorderWidth} 100% no-repeat linear-gradient(0deg, @{sapUiPositiveElement}, @{sapUiPositiveElement})";
+		background-color: @sapUiSuccessBG;
+
+		.sapMGenericTagIcon {
+			color: @sapUiPositiveElement;
+		}
+
+		.sapMGenericTagValue {
+			color: @sapUiPositiveText;
+		}
+	}
+
+	.sapMGenericTagInformation & {
+		background: ~"0 0 / @{sapMGenericTagBorderWidth} 100% no-repeat linear-gradient(0deg, @{sapUiInformativeElement}, @{sapUiInformativeElement})";
+		background-color: @sapUiInformationBG;
+
+		.sapMGenericTagIcon {
+			color: @sapUiInformativeElement;
+		}
+
+		.sapMGenericTagValue {
+			color: @sapUiInformativeText;
+		}
+	}
+
+	&:hover {
 		background-color: @sapUiListHoverBackground;
-		box-shadow: @sapUiShadowLevel0;
+		box-shadow: @sapUiContentShadow0;
 
-		& .sapMGenericTagIcon,
-		& .sapMGenericTagValue {
+		.sapMGenericTagText,
+		.sapMGenericTagValue,
+		.sapMGenericTagIcon,
+		.sapMObjectNumberText,
+		.sapMObjectNumberUnit,
+		.sapMGenericTagErrorIcon {
 			color: @sapUiListActiveTextColor;
+			text-shadow: none;
 		}
 	}
 
-	.sapMGenericTagActive & {
-		background: @sapUiListActiveBackground;
+	.sapMGenericTagText {
+		color: @sapUiListTextColor;
+		text-shadow: @sapUiContentTextShadow;
+	}
+
+	.sapMGenericTagValue {
+		text-shadow: @sapUiContentTextShadow;
+	}
+
+	.sapMGenericTagErrorIcon {
+		color: @sapUiNegativeElement;
 	}
+
+	.sapMGenericTagActive &  {
+		.sapMGenericTagText,
+		.sapMGenericTagValue,
+		.sapMGenericTagIcon,
+		.sapMObjectNumberText,
+		.sapMObjectNumberUnit,
+		.sapMGenericTagErrorIcon {
+			color: @sapUiListActiveTextColor;
+			text-shadow: none;
+		}
+	}
+}
+
+html.sap-desktop .sapMGenericTag:focus {
+	position: relative;
+
+	&:before {
+		position: absolute;
+		content: " ";
+		inset: 0.125rem;
+		border: @sapBackgroundColor solid @sapUiContentFocusWidth;
+		border-radius: @sapUiButtonBorderCornerRadius;
+	}
+
+	&:after {
+		position: absolute;
+		content: " ";
+		inset: 0.125rem;
+		border: @sapUiContentFocusColor @sapUiContentFocusStyle @sapUiContentFocusWidth;
+		border-radius: @sapUiButtonBorderCornerRadius;
+	}
+}
+
+.sapUiSizeCozy .sapMGenericTag {
+	margin: 0.5625rem 0;
 }

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

@@ -148,4 +148,11 @@ html.sap-tablet .sapMGTHvrOutln:not(.sapMGTStateDisabled):active,
 html.sap-phone .sapMGTBackgroundHvrOutln:not(.sapMGTStateDisabled):active,
 html.sap-tablet .sapMGTBackgroundHvrOutln:not(.sapMGTStateDisabled):active {
 	box-shadow: 0 0 0 0.125rem @sapUiContentShadowColor;
+}
+
+.TwoByOne.sapMGTActionMode {
+	border-radius: 1.25rem;
+	.sapMGTFocusDiv {
+		border-radius: 1.25rem !important;
+	}
 }

package/src/sap/m/themes/sap_horizon_hcb/InputBase.less

@@ -15,15 +15,6 @@
 @_sap_m_InputBase_IconWidth: 2.25rem;
 @_sap_m_InputBase_IconMinWidth: 2.25rem;
 
-.sapMInputBaseContentWrapper {
-
-	&.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess):not(.sapMInputBaseContentWrapperInformation) {
-		.sapMTokenizer .sapMToken {
-			margin-top: 0.1875rem;
-		}
-	}
-}
-
 .sapMInputBaseContentWrapper:not(.sapMInputBaseContentWrapperError):not(.sapMInputBaseContentWrapperWarning):not(.sapMInputBaseContentWrapperInformation):not(.sapMInputBaseDisabledWrapper) {
 	border: @sapUiContentFocusWidth @sapUiFieldBorderStyle @sapUiFieldBorderColor;
 }
@@ -84,6 +75,14 @@
 	font-weight: bold;
 }
 
+.sapMInputBaseContentWrapperWarning .sapMInputBaseInner::-webkit-input-placeholder {
+	font-weight: bold;
+}
+
+.sapMInputBaseContentWrapperWarning .sapMInputBaseInner::-moz-placeholder {
+	font-weight: bold;
+}
+
 .sapMInputBaseContentWrapper .sapMInputBaseIcon {
 	line-height: 2rem;
 }
@@ -115,4 +114,8 @@
 
 .sapMLIBActive .sapMInputBaseInner::-webkit-input-placeholder {
 	color: @sapUiListActiveTextColor;
+}
+
+.sapUiSizeCondensed .sapUiTableDataCell .sapMInputBase .sapMInputBaseContentWrapper:not(.sapMInputBaseContentWrapperState) {
+	border: none;
 }

package/src/sap/m/themes/sap_horizon_hcb/Label.less

@@ -0,0 +1,12 @@
+/* ================================= */
+/* CSS for control sap.m/Label        */
+/* Horizon High Contrast Black theme */
+/* ================================= */
+
+.sapMTB-Info-CTX > .sapMLabel {
+	font-style: italic;
+
+	& > .sapMLabelTextWrapper{
+		padding-right: 5px;
+	}
+}

package/src/sap/m/themes/sap_horizon_hcb/LightBox.less

@@ -7,10 +7,11 @@
 /* Variables overriding            */
 /* ------------------------------- */
 
-@_sap_m_LightBox_OverlayBackground: fade(@sapUiBlockLayerBackground, 80);
 @_sap_m_LightBox_ContainerBackground: @sapUiGroupContentBackground;
 @_sap_m_LightBox_SubtitleMarginTop: 0.25rem;
 @_sap_m_LightBox_ErrorIconColor: fade(@sapUiContentNonInteractiveIconColor, 50);
+@_sap_m_LightBox_OverlayOpacity: 0.3;
+@_sap_m_LightBox_FontFamily: @sapFontHeaderFamily;
 
 /* ------------------------------- */
 /* Footer                          */

package/src/sap/m/themes/sap_horizon_hcb/ListBase.less

@@ -37,4 +37,8 @@ html.sap-desktop .sapMGrowingList  .sapMCLI.sapMLIB.sapMLIB-CTX:focus{
 html.sap-desktop .sapMLIB-CTX:focus .sapMGrowingListTrigger {
 	border: 0.125rem dotted @sapUiContentFocusColor;
 	border-radius: 0;
+}
+
+.sapMGrowingListDummyColumn {
+	border-right: 1px solid @sapUiListTableFixedBorderColor;
 }

package/src/sap/m/themes/sap_horizon_hcb/ListItemBase.less

@@ -17,4 +17,8 @@
 
 .sapMTableRowCustomFocus:focus > :not(.sapMListTblDummyCell:last-child)::before {
 	border-width: 2px;
+}
+
+.sapMListShowSeparatorsNone .sapMLIBShowSeparator:hover {
+	box-shadow: inset 0px -0.0625rem @sapUiListSelectionBorderColor;
 }

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

@@ -3,13 +3,6 @@
 /* Horizon High Contrast Black theme  */
 /* ================================== */
 
-// header shadow - different states
-@_sap_m_MessageBox_InformationShadow: inset 0 -0.125rem @sapUiInformationBorder;
-@_sap_m_MessageBox_WarningShadow: inset 0 -0.125rem @sapUiWarningBorder;
-@_sap_m_MessageBox_ErrorShadow: inset 0 -0.125rem @sapUiErrorBorder;
-@_sap_m_MessageBox_SuccessShadow: inset 0 -0.125rem @sapUiSuccessBorder;
-@_sap_m_MessageBox_QuestionShadow: @sapUiContentHeaderShadow;
-
 .sapMDialog.sapMMessageBoxInfo .sapMDialogIcon.sapUiIcon {
 	color: @sapUiInformativeElement;
 }

package/src/sap/m/themes/sap_horizon_hcb/MessageView.less

@@ -28,7 +28,7 @@
 	}
 
 	.sapMSLITitle {
-		color: @sapUiGroupTitleTextColor;
+		font-size: @sapMFontHeader6Size;
 	}
 
 	.sapMSLIDescription {
@@ -45,6 +45,10 @@
 
 	.sapMMsgViewTitleText {
 		margin: 0 0 1rem 2.5rem;
+		font-family: @sapUiFontHeaderFamily;
+		font-size: @sapUiFontHeader5Size;
+		font-weight: @sapUiFontHeaderWeight;
+		color: @sapUiGroupTitleTextColor;
 	}
 
 	.sapMMsgViewDescriptionLink {