@openui5/themelib_sap_horizon 1.97.1 → 1.100.0

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

@@ -0,0 +1,214 @@
+/* ================================ */
+/* CSS for control sap.m/InputBase  */
+/* Evening Horizon theme            */
+/* ================================ */
+
+// ==========================================================================
+// Variables overriding
+// ==========================================================================
+
+@_sap_m_InputBase_InnerMinWidth: 2.75rem;
+@_sap_m_InputBase_InnerPadding: 0 0.625rem;
+@_sap_m_InputBase_Height: 2.25rem;
+@_sap_m_InputBase_DisabledOpacity: @sapUiContentDisabledOpacity;
+@_sap_m_InputBase_IconLineHeight: 2rem;
+@_sap_m_InputBase_IconWidth: 2.125rem;
+@_sap_m_InputBase_Compact_IconWidth: 1.875rem;
+@_sap_m_InputBase_IconMinWidth: 2rem;
+@_sap_m_InputBaseWrapper_Sum_Border: 0;
+
+.sapMInputBaseInner {
+	color: @sapUiFieldTextColor;
+}
+
+.sapMInputBaseContentWrapper {
+	border: none;
+	border-radius: @sapUiFieldBorderCornerRadius;
+	background: @sapUiFieldBackground;
+	background-image: linear-gradient(0deg, @sapField_BorderColor 0, @sapField_BorderColor 100%);
+	background-size: 100% @sapField_BorderWidth;
+	background-repeat: repeat-x;
+	background-position: bottom;
+
+	&.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) .sapMTokenizer .sapMToken {
+			margin-top: 0.1875rem;
+	}
+}
+.sapMInputBase:not(.sapMInputBaseReadonly) .sapMInputBaseIconContainer .sapMInputBaseIcon {
+	width: 2 * @sapContent_GridSize;
+	height: 2 * @sapContent_GridSize;
+	margin-right: 0.125 * @sapContent_GridSize;
+	margin-top: 0.125 * @sapContent_GridSize;
+	margin-bottom: 0.125 * @sapContent_GridSize;
+	border-radius: 0.125rem;
+}
+
+.sapUiSizeCompact .sapMInputBase:not(.sapMInputBaseReadonly) .sapMInputBaseIconContainer .sapMInputBaseIcon {
+	min-width: 1.75rem;
+	margin-top: 0.125 * @sapContent_GridSize;
+	width: 1.75 * @sapContent_GridSize;
+	height: 1.375 * @sapContent_GridSize;
+}
+
+.sapMInputBase:not(.sapMInputBaseDisabled).sapMInputBaseIconPressed .sapMInputBaseIconContainer .sapMInputBaseIcon,
+.sapMInputBase:not(.sapMInputBaseDisabled) .sapMInputBaseIconContainer .sapMInputBaseIcon:active {
+	background-color: @sapField_Focus_Background;
+	box-shadow: @sapContent_Interaction_Shadow;
+}
+
+.sapMInputBaseIconPressed .sapMInputBaseIcon::before,
+.sapMInputBaseIcon:active {
+	color: @sapButton_Active_TextColor;
+}
+
+.sapMInputBaseHasEndIcons.sapMInputBaseHasBeginIcons .sapMInputBaseContentWrapper {
+	padding-left: 0.125 * @sapContent_GridSize;
+}
+
+.sapMInputBaseContentWrapperWarning {
+	background: @sapUiFieldWarningBackground;
+	background-image: linear-gradient(0deg, @sapField_WarningColor 0, @sapField_WarningColor 100%);
+	background-size: 100% @sapField_WarningBorderWidth;
+	background-repeat: repeat-x;
+	background-position: bottom;
+}
+
+.sapMInputBaseContentWrapperSuccess {
+	background: @sapUiFieldSuccessBackground;
+	background-image: linear-gradient(0deg, @sapField_SuccessColor 0, @sapField_SuccessColor 100%);
+	background-size: 100% @sapField_SuccessBorderWidth;
+	background-repeat: repeat-x;
+	background-position: bottom;
+
+}
+
+.sapMInputBaseContentWrapperError {
+	background: @sapUiFieldInvalidBackground;
+	background-image: linear-gradient(0deg, @sapField_InvalidColor 0, @sapField_InvalidColor 100%);
+	background-size: 100% @sapField_InvalidBorderWidth;
+	background-repeat: repeat-x;
+	background-position: bottom;
+}
+
+.sapMInputBaseContentWrapperInformation {
+	background: @sapUiFieldInformationBackground;
+	background-image: linear-gradient(0deg, @sapField_InformationColor 0, @sapField_InformationColor 100%);
+	background-size: 100% @sapField_InformationBorderWidth;
+	background-repeat: repeat-x;
+	background-position: bottom;
+}
+
+.sapMInputBaseReadonly .sapMInputBaseContentWrapper {
+	border-color: @sapField_ReadOnly_Background;
+	background-color: @sapField_ReadOnly_Background;
+}
+
+.sapMInputBaseDisabled {
+	opacity: @sapContent_DisabledOpacity;
+}
+
+.sapMFocus .sapMInputBaseContentWrapper {
+	background-color: @sapField_Focus_Background;
+	outline: none;
+
+	&:not(.sapMInputBaseContentWrapperState) {
+		box-shadow: inset 0px 0px 0px 2px @sapField_Focus_BorderColor;
+	}
+
+	&.sapMInputBaseReadonlyWrapper {
+		background: @sapField_ReadOnly_Background;
+	}
+
+	&.sapMInputBaseContentWrapperSuccess {
+		box-shadow: inset 0px 0px 0px 2px @sapField_SuccessColor;
+	}
+
+	&.sapMInputBaseContentWrapperWarning {
+		box-shadow: inset 0px 0px 0px 2px @sapField_WarningColor;
+	}
+
+	&.sapMInputBaseContentWrapperError {
+		box-shadow: inset 0px 0px 0px 2px @sapField_InvalidColor;
+	}
+
+	&.sapMInputBaseContentWrapperInformation {
+		box-shadow: inset 0px 0px 0px 2px @sapField_InformationColor;
+	}
+}
+
+.sapMInputBase:not(.sapMFocus) .sapMInputBaseContentWrapper:not(.sapMInputBaseDisabledWrapper):not(.sapMInputBaseReadonlyWrapper):not(.sapMInputBaseContentWrapperState):hover {
+		box-shadow: @sapContent_Interaction_Shadow;
+		background: @sapField_Hover_Background;
+		background-image: linear-gradient(0deg, @sapField_BorderColor 0, @sapField_BorderColor 100%);
+		background-size: 100% @sapField_BorderWidth;
+		background-repeat: repeat-x;
+		background-position: bottom;
+}
+
+.sapMInputBase:not(.sapMFocus) .sapMInputBaseContentWrapperState:hover,
+.sapMInputBase:not(.sapMFocus).sapMInputBaseIconPressed .sapMInputBaseContentWrapperState{
+		background-color: @sapField_Hover_Background;
+
+		&.sapMInputBaseContentWrapperWarning:hover,
+		&.sapMInputBaseContentWrapperWarning {
+			box-shadow: @sapContent_Critical_Shadow;
+		}
+
+		&.sapMInputBaseContentWrapperSuccess:hover,
+		&.sapMInputBaseContentWrapperSuccess {
+			box-shadow: @sapContent_Positive_Shadow;
+		}
+
+		&.sapMInputBaseContentWrapperError:hover,
+		&.sapMInputBaseContentWrapperError {
+			box-shadow: @sapContent_Negative_Shadow;
+		}
+
+		&.sapMInputBaseContentWrapperInformation:hover,
+		&.sapMInputBaseContentWrapperInformation {
+			box-shadow: @sapContent_Informative_Shadow;
+		}
+	}
+
+.sapMInputBaseInner::-webkit-input-placeholder {
+	font-style: normal;
+}
+
+.sapMInputBaseInner::-moz-placeholder {
+	font-style: normal;
+}
+
+.sapMInputBaseReadonly:after {
+	line-height: 1.5rem;
+	font-family: SAP-icons;
+	content: "\e292";
+	position: absolute;
+	top: 0.375rem;
+	right: 0rem;
+	overflow: hidden;
+	vertical-align: middle;
+	font-size: 0.75rem;
+	color: @sapField_PlaceholderTextColor;
+	padding-left: 0.125rem;
+	padding-right: 0.75rem;
+}
+
+.sapUiSizeCompact .sapMInputBaseReadonly:after {
+	line-height: 0.875rem;
+}
+
+.sapMInputBaseReadonly:not(.sapMTextArea) .sapMInputBaseInner,
+.sapMInputBaseReadonly.sapMInputBase:not(.sapMTextArea):not(.sapMInputBaseHasEndIcons):not(.sapMInputBaseHasBeginIcons) .sapMInputBaseInner,
+.sapMInputBaseReadonly.sapMInputBaseNoWidth:not(.sapMTextArea) .sapMInputBaseInner {
+	width: ~"calc(100% - 1.625rem)";
+}
+
+.sapUiSizeCondensed .sapUiTableDataCell .sapMInputBase .sapMInputBaseIcon {
+		min-width: 1.125rem;
+		height: 1.125rem;
+		width: 1.125rem;
+		line-height: 1.125rem;
+		margin-right: 0.125rem;
+		margin-top: 0.125rem;
+		margin-bottom: 0.125rem;
+}

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

@@ -0,0 +1,43 @@
+/* =============================== */
+/* CSS for control sap.m/LightBox  */
+/* Evening Horizon theme           */
+/* =============================== */
+
+/* ------------------------------- */
+/* Variables overriding            */
+/* ------------------------------- */
+
+@_sap_m_LightBox_OverlayBackground: fade(@sapUiBlockLayerBackground, 60);
+@_sap_m_LightBox_ContainerBackground: @sapUiGroupContentBackground;
+@_sap_m_LightBox_SubtitleMarginTop: 0.25rem;
+@_sap_m_LightBox_ErrorIconColor: fade(@sapUiContentNonInteractiveIconColor, 50);
+
+/* ------------------------------- */
+/* Footer                          */
+/* ------------------------------- */
+
+.sapMLightBoxFooter {
+	align-items: center;
+
+	.sapMLightBoxTitleSection {
+		margin: 0 0 0 1rem;
+		padding: 0;
+	}
+
+	.sapMBtn {
+		margin: 0 1rem 0;
+		padding-right: 0;
+	}
+}
+
+.sapUiSizeCompact {
+
+	.sapMLightBoxFooter {
+
+		.sapMBtn {
+			padding-right: 0;
+			margin-bottom: 0;
+		}
+	}
+
+}

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

@@ -0,0 +1,55 @@
+/* =========================== */
+/* CSS for control sap.m/Link  */
+/* Evening Horizon theme       */
+/* =========================== */
+
+@sapUiLinkSubtleColor: darken(@sapUiLink, 15);
+
+.sapMLnkDsbl {
+	opacity: @sapUiContentDisabledOpacity;
+	outline: none;
+	cursor: default;
+	text-decoration: none;
+}
+
+.sapMLIBActive .sapMLnk {
+	color: @sapUiListActiveTextColor;
+	text-decoration: underline;
+}
+
+.sapMLnk.sapMLnkSubtle {
+	color: @sapUiLinkSubtleColor;
+	text-decoration: none;
+}
+
+.sapMLnkSubtle:focus {
+	color: @sapUiContentFocusColor;
+}
+
+.sapMLnk:not(.sapMLnkDsbl) {
+	text-shadow: @sapContent_TextShadow;
+}
+
+.sapMLnk:hover:not(.sapMLnkDsbl) {
+	color: @sapUiLinkHoverColor;
+}
+
+.sapMLnk:active:not(.sapMLnkDsbl),
+.sapMLnk:focus:not(.sapMLnkDsbl) {
+	color: @sapUiLinkActiveColor;
+}
+
+/* align Link in Form with Label */
+.sapUiFormEdit .sapMLnk {
+	margin-top: 0.875rem; /* don't use padding as this would stretch the focus outline */
+	margin-bottom: 0.625rem; /* for some reason browser adds 4px, display: block would lead to stretched focus outline*/
+}
+
+.sapMListTblRow.sapMLIBSelected .sapMLnk:not(.sapMLnkDsbl) {
+	text-shadow: @sapUiContentTextShadow;
+}
+
+html.sap-desktop .sapMLnk:focus:not(.sapMLnkDsbl) {
+	border-radius: 0.25rem;
+	outline: 0.125rem solid @sapUiContentFocusColor;
+}

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

@@ -0,0 +1,28 @@
+/* =============================== */
+/* CSS for control sap.m/ListBase  */
+/* Evening Horizon theme           */
+/* =============================== */
+
+.sapMGrowingListDescription,
+.sapMGrowingListTriggerText > .sapMSLITitle {
+	text-shadow: @sapUiShadowText;
+}
+
+.sapMSticky > .sapMListHdrText,
+.sapMSticky > .sapMListHdrTBar.sapMTB-Transparent-CTX {
+	background: lighten(@sapUiListHeaderBackground, 2);
+}
+
+.sapMListHdr {
+	border-top-right-radius: @sapUiElementBorderCornerRadius;
+	border-top-left-radius: @sapUiElementBorderCornerRadius;
+}
+
+.sapMListNoData,
+.sapMGrowingList {
+	border-bottom: none;
+}
+
+.sapMGrowingList {
+	background-color: @sapUiListBackground;
+}

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

@@ -0,0 +1,28 @@
+/* =================================== */
+/* CSS for control sap.m/ListItemBase  */
+/* Evening Horizon theme               */
+/* =================================== */
+
+@_sap_m_ListItemBase_ListTextShadowColor: none;
+@_sap_m_ListItemBase_DeleteIcon: decline;
+@_sap_m_ListItemBase_ButtonMarginTop: 0;
+@_sap_m_ListItemBase_SelectionControlWidth: 2.75rem;
+@_sap_m_ListItemBase_SelectionControlHeight: 2.75rem;
+
+.sapMLIBCounter {
+	text-shadow: @_sap_m_ListItemBase_ListTextShadowColor;
+}
+
+.sapMLIB.sapMLIBSelected {
+	border-bottom: 0.0625rem solid @sapUiListSelectionBorderColor;
+}
+
+.sapMLIBActive.sapMLIBFocusable:focus {
+	outline-color: @sapUiContentContrastFocusColor;
+}
+
+/* Fix for IE/Edge visual appearance of buttons */
+.sapMLIB .sapMBtn:hover .sapMBtnHoverable.sapMBtnTransparent {
+	background-clip: border-box;
+	border-color: transparent;
+}

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

@@ -0,0 +1,46 @@
+/* ================================= */
+/* CSS for control sap.m/MenuButton  */
+/* Evening Horizon theme             */
+/* ================================= */
+
+/* Compact size */
+.sapUiSizeCompact {
+	.sapMMenuBtn {
+		.sapMBtnInner.sapMBtnText .sapMBtnIcon {
+			margin-left: 0;
+			margin-right: 0;
+		}
+	}
+	.sapMMenuBtn .sapMBtnIcon {
+		margin-left: 0.4375rem;
+		margin-right: 0.4375rem;
+	}
+}
+
+.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner::after {
+	line-height: 2.125rem;
+}
+
+.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner:not(.sapMBtnText) {
+	padding-left: 0rem;
+}
+
+.sapMMenuBtn .sapMBtn:not(.sapMSBArrow) .sapMBtnInner.sapMBtnIconFirst:not(.sapMBtnText) .sapMBtnIcon {
+	padding-right: 0rem;
+}
+
+.sapMMenuBtn.sapMMenuBtnRegular .sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnReject.sapMBtnActive::after {
+	color: @sapUiButtonRejectSelectedTextColor;
+}
+
+.sapMMenuBtn.sapMMenuBtnRegular .sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnAttention.sapMBtnActive::after {
+	color: @sapUiButtonAttentionTextColor;
+}
+
+.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner::after {
+	font-size: 1rem;
+}
+
+.sapMMenuBtnRegular.sapMMenuBtn .sapMBtnDisabled {
+	opacity: @sapUiContentDisabledOpacity;
+}

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

@@ -0,0 +1,19 @@
+/* ================================= */
+/* CSS for control sap.m/MessageBox  */
+/* Evening Horizon theme             */
+/* ================================= */
+
+// header shadow - different states
+@_sap_m_MessageBox_InformationShadow: inset 0 -0.0625rem @sapUiInformationBorder, @sapUiContentHeaderShadow;
+@_sap_m_MessageBox_WarningShadow: inset 0 -0.0625rem @sapUiWarningBorder, @sapUiContentHeaderShadow;
+@_sap_m_MessageBox_ErrorShadow: inset 0 -0.0625rem @sapUiErrorBorder, @sapUiContentHeaderShadow;
+@_sap_m_MessageBox_SuccessShadow: inset 0 -0.0625rem @sapUiSuccessBorder, @sapUiContentHeaderShadow;
+@_sap_m_MessageBox_QuestionShadow: @sapUiContentHeaderShadow;
+
+.sapMDialog.sapMMessageBoxInfo .sapMDialogIcon.sapUiIcon {
+	color: @sapUiInformativeElement;
+}
+
+.sapMMessageBox .sapMDialogFooter .sapMBtn {
+	min-width: 4rem;
+}

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

@@ -0,0 +1,34 @@
+/* ================================== */
+/* CSS for control sap.m/MessagePage  */
+/* Evening Horizon theme              */
+/* ================================== */
+
+/* MessagePage inner controls styles*/
+.sapMMessagePage {
+	.sapMMessagePageInner {
+		.sapMMessagePageIcon.sapUiIcon::before {
+			color: fade(@sapUiContentNonInteractiveIconColor,50);
+		}
+	}
+
+	.sapMMessagePageMainText {
+		margin: 1rem 0;
+	}
+
+	.sapMMessagePageDescription {
+		margin-top: 0;
+		margin-bottom: 2rem;
+
+		&:empty {
+			margin-bottom: 0;
+		}
+
+		.sapMLnk {
+			font-size: @sapMFontHeader5Size;
+		}
+	}
+
+	.sapMMessagePageButtonsWrapper {
+		margin: 0;
+	}
+}

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

@@ -0,0 +1,68 @@
+/* =================================== */
+/* CSS for control sap.m/MessageStrip  */
+/* Evening Horizon theme               */
+/* =================================== */
+
+.sapMMsgStrip {
+	//@sapUiElementBorderCornerRadius was used but currently it results in 12px
+	border-radius: @sapElement_BorderCornerRadius;
+}
+
+.sapMMsgStripInformation {
+	background-color: @sapInformationBackground;
+	border-color: darken(@sapInformationBackground, 20);
+	color: @sapUiBaseText;
+
+	.sapMBtnTransparent,
+	.sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
+	.sapMIBar-CTX .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
+		background-color: @sapInformationBackground;
+		border-color: @sapInformationBackground;
+	}
+
+	.sapMMsgStripIcon {
+		color: @sapInformativeElementColor;
+	}
+}
+
+.sapMMsgStripError {
+	border-color: darken(@sapErrorBackground, 18);
+
+	.sapMBtnTransparent,
+	.sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
+	.sapMIBar-CTX .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
+		background-color: @sapErrorBackground;
+		border-color: @sapErrorBackground;
+	}
+}
+ 
+.sapMMsgStripSuccess {
+	border-color: darken(saturate(@sapSuccessBackground, 20), 20);
+
+	.sapMBtnTransparent,
+	.sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
+	.sapMIBar-CTX .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
+		background-color: @sapSuccessBackground;
+		border-color: @sapSuccessBackground;
+	}
+}
+
+.sapMMsgStripWarning {
+	border-color: darken(@sapWarningBackground, 20);
+
+	.sapMBtnTransparent,
+	.sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
+	.sapMIBar-CTX .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
+		background-color: @sapWarningBackground;
+		border-color: @sapWarningBackground;
+	}
+}
+ 
+.sapMMsgStripMessage>.sapMLnk {
+	padding-right: 0.25rem;
+	padding-left: 0.25rem;
+}
+
+.sapMMsgStripCloseButton {
+	top: -0.4375rem;
+}

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

@@ -0,0 +1,95 @@
+/* ================================== */
+/* CSS for control sap.m/MessageView  */
+/* Evening Horizon theme              */
+/* ================================== */
+
+@_sap_m_MessageView_DescIcon_Width: 1rem;
+
+.sapMMsgView {
+	.sapMMsgViewDetailsPage section {
+		padding: 1rem;
+	}
+	.sapMMsgViewItem {
+		padding-left: 0;
+		&.sapMSLIWithDescription {
+			padding-top: 0.5rem;
+			padding-bottom: 0.5rem;
+		}
+	}
+	.sapMLIBActive .sapMLIBImgNav {
+		background: none;
+	}
+
+	.sapMSLITitleOnly {
+		padding-top: 0.5rem;
+		padding-bottom: 0.5rem;
+	}
+
+	.sapMSLITitle {
+		color: @sapUiGroupTitleTextColor;
+	}
+
+	.sapMSLIDescription {
+		color: @sapUiContentLabelColor;
+	}
+
+	.sapMMsgViewDescriptionText {
+		padding-bottom:0;
+		margin: 0 0 1rem 2.5rem;
+		line-height: 1.4;
+		font-family: @sapUiFontFamily;
+		color: @sapUiBaseText;
+	}
+
+	.sapMMsgViewTitleText {
+		margin: 0 0 1rem 2.5rem;
+	}
+
+	.sapMMsgViewDescriptionLink {
+		margin: 0 0 1rem 2.5rem;
+		font-family: @sapUiFontFamily;
+		font-size: @sapMFontMediumSize;
+		font-weight: normal;
+		color: @sapUiLink;
+	}
+
+	.sapMSLIWithDescription > .sapMLIBContent > .sapMSLIDiv > .sapMSLIDescription {
+		margin-top: 0.25rem;
+	}
+
+	.sapMIBar .sapMBarChild {
+		margin-left: 0;
+		margin-right: 0;
+	}
+}
+
+.sapMMsgView .sapMIBar.sapMHeader-CTX {
+	background-color: @sapUiGroupContentBackground;
+	padding-left: 1rem;
+}
+
+.sapMMsgViewDescIcon {
+	margin: 0 1rem 0 1.5rem;
+	font-size: 1rem;
+	top: 1.125rem;
+}
+
+.sapMMsgViewItem .sapMSLIImgIcon {
+	font-size: 1rem;
+}
+
+.sapMMsgView .sapMSegBBtn .sapMBtnCustomIcon {
+	font-size: 1rem;
+}
+
+.sapMMsgView .sapMMsgViewDescriptionLink,
+.sapMMsgView .sapMMsgViewItem .sapMSLITitle {
+	width: fit-content;
+}
+
+/* Compact size */
+.sapUiSizeCompact .sapMMsgView {
+	.sapMMsgViewDescIcon {
+		line-height: 1rem;
+	}
+}

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

@@ -0,0 +1,48 @@
+/* ==================================== */
+/* CSS for control sap.m/MultiComboBox  */
+/* Evening Horizon theme                */
+/* ==================================== */
+
+.sapMMultiComboBox.sapMInputBaseReadonly.sapMMultiComboBoxHasToken.sapMFocus .sapMTokenizer {
+	left: 0;
+}
+
+.sapMMultiComboBoxPicker .sapMListHdrTBar {
+	border-radius: 0;
+}
+
+.sapMMultiComboBoxPicker .sapMMultiComboBoxSelectAll.sapMTB.sapMIBar.sapMMultiComboBoxSelectAllFocused,
+.sapMMultiComboBoxPicker .sapMValueStateHeaderRoot.sapMFocusable:focus {
+	outline: @sapContent_FocusWidth @sapContent_FocusStyle @sapContent_FocusColor;
+}
+
+.sapMMultiComboBoxPicker.sapMSuggestionsPopoverNoneState .sapMList {
+	&:not(.sapMSticky) li[data-sap-ui-first-suggestion-item]:focus,
+	&.sapMSticky .sapMMultiComboBoxSelectAllFocused {
+		border-top-left-radius:  @sapUiElementBorderCornerRadius;
+		border-top-right-radius:  @sapUiElementBorderCornerRadius;
+	}
+}
+
+.sapMMultiComboBoxPicker .sapMValueStateHeaderRoot:focus {
+	border-top-left-radius: @sapUiElementBorderCornerRadius;
+	border-top-right-radius: @sapUiElementBorderCornerRadius;
+}
+
+.sapMMultiComboBoxPicker li[data-sap-ui-last-suggestion-item]:focus {
+	border-bottom-left-radius: @sapUiElementBorderCornerRadius;
+	border-bottom-right-radius: @sapUiElementBorderCornerRadius;
+}
+
+.sapMMultiComboBoxSelectAll.sapMTB.sapMIBar {
+	& .sapMBarChild.sapMCb.sapMCbHasLabel:focus:after {
+		border: none;
+	}
+}
+.sapMMultiComboBox .sapMTokenizer {
+	padding-top: 1px;
+}
+
+.sapUiSizeCondensed .sapUiTableDataCell .sapMMultiComboBox .sapMTokenizer {
+	padding-top: 0px;
+}

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

@@ -0,0 +1,16 @@
+/* ================================= */
+/* CSS for control sap.m/MultiInput  */
+/* Evening Horizon theme             */
+/* ================================= */
+
+.sapMMultiInput.sapMInputBaseReadonly.sapMMultiInputHasTokens.sapMInputFocused .sapMTokenizer {
+	left: 0;
+}
+
+.sapMMultiInput .sapMTokenizer {
+	padding-top: 1px;
+}
+
+.sapUiSizeCondensed .sapUiTableDataCell .sapMMultiInput .sapMTokenizer {
+	padding-top: 0px;
+}