@openui5/themelib_sap_horizon 1.100.0 → 1.102.1

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

@@ -3,16 +3,23 @@
 /* Horizon theme                       */
 /* =================================== */
 
-.sapMColorPalette .sapMColorPaletteSquare:hover > div,
-.sapMColorPalette .sapMColorPaletteSquare,
-html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare:hover > div,
+@_sap_m_ColorPalette_SwatchWidthHitAreaCozy: 2.375rem;
+@_sap_m_ColorPalette_SwatchWidthHitAreaCompact: 1.75rem;
+
 html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare {
 	border-radius: 0.25rem;
-}
-
-html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare div,
-.sapMColorPalette .sapMColorPaletteSquare div {
-	border-radius: 0.125rem;
+	&:hover {
+		border-radius: 0.4375rem;
+		margin: 0.0625rem;
+		width: 2.25rem;
+		height: 2.25rem;
+		& > div {
+			border-radius: 0.375rem;
+		}
+	}
+	div {
+		border-radius: 0.1875rem;
+	}
 }
 
 .sap-desktop .sapMColorPalette .sapMBtn:focus {
@@ -37,24 +44,40 @@ html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare div,
 	}
 }
 
-html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare:focus:after {
-	border: 0.125rem solid @sapUiContentContrastFocusColor;
-	border-radius: 0.0625rem;
-	top: 0.125rem;
-	left: 0.125rem;
-	bottom: 0.125rem;
-	right: 0.125rem;
-}
-
-html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare:focus:before {
-	border: 0.125rem solid @sapUiContentFocusColor;
-	border-radius: 0.125rem;
-	top: 0;
-	left: 0;
-	bottom: 0;
-	right: 0;
+html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare:focus {
+	&:after {
+		display: none;
+	}
+	&:before {
+		border: 0.125rem solid @sapUiContentFocusColor;
+		border-radius: 0.4375rem;
+		top: -0.3125rem;
+		left: -0.3125rem;
+		bottom: -0.3125rem;
+		right: -0.3125rem;
+	}
+	&:hover {
+		&:after {
+			display: block;
+			border: 0.0625rem solid @sapUiContentContrastFocusColor;
+			border-radius: 0.3125rem;
+			top: 0.0625rem;
+			left: 0.0625rem;
+			bottom: 0.0625rem;
+			right: 0.0625rem;
+		}
+		&:before {
+			border: 0.125rem solid @sapUiContentFocusColor;
+			border-radius: 0.4375rem;
+			top: -0.0625rem;
+			left: -0.0625rem;
+			bottom: -0.0625rem;
+			right: -0.0625rem;
+		}
+	}
 }
 
+html:not(.sap-phone) .sapMColorPalette,
 .sapMColorPalette {
 	.sapMBtn {
 		&:focus {
@@ -65,9 +88,50 @@ html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare:focus:before {
 				}
 			}
 		}
+		.sapMBtnInner {
+			height: 2.75rem;
+			.sapMBtnContent {
+				line-height: 2.75rem;
+			}
+			&.sapMBtnText {
+				padding: 0;
+			}
+		}
+	}
+	.sapMBtnInner {
+		border-radius: 0;
+	}
+}
+
+html:not(.sap-phone) .sapUiSizeCompact .sapMColorPalette {
+	.sapMBtn .sapMBtnInner {
+		height: 2rem;
+		.sapMBtnContent {
+			line-height: 2rem;
+		}
+	}
+	.sapMColorPaletteSquare:hover {
+		margin: 0.0625rem;
+		width: 1.625rem;
+		height: 1.625rem;
+	}
+	.sapMColorPaletteSquare:focus:not(:hover):before {
+		top: -0.25rem;
+		left: -0.25rem;
+		bottom: -0.25rem;
+		right: -0.25rem;
 	}
 }
 
 html.sap-desktop .sapMColorPalette .sapMBtn:focus > .sapMFocusable:before {
 	display: none;
-}
+}
+
+.sap-phone .sapMColorPalette .sapMColorPaletteSquare {
+	& > div {
+		border-radius: 0.25rem;
+		&:active {
+			border-radius: 0.4375rem;
+		}
+	}
+}

package/src/sap/m/themes/sap_horizon/Dialog.less

@@ -11,17 +11,17 @@
 @_sap_m_Dialog_BarHeight: 2.75rem;
 @_sap_m_Dialog_SubHeaderCompactHeight: 2.25rem;
 
-@_sap_m_Dialog_NoStateHeaderShadow: none;
-@_sap_m_Dialog_SuccessHeaderShadow: inset 0 -0.0625rem @sapUiSuccessBorder;
-@_sap_m_Dialog_ErrorHeaderShadow: inset 0 -0.0625rem @sapUiErrorBorder;
-@_sap_m_Dialog_WarningHeaderShadow: inset 0 -0.0625rem @sapUiWarningBorder;
-@_sap_m_Dialog_InformationHeaderShadow: inset 0 -0.0625rem @sapUiInformationBorder;
-
-@_sap_m_Dialog_HeaderFocusBorderBottomOffset: 0px;
-@_sap_m_Dialog_HeaderFocusBorderTopOffset: 0px;
-@_sap_m_Dialog_HeaderFocusBorderLeftOffset: 0px;
-@_sap_m_Dialog_HeaderFocusBorderRightOffset: 0px;
-@_sap_m_Dialog_BorderRadius: @sapUiElementBorderCornerRadius;
+@_sap_m_Dialog_NoStateHeaderShadow: @sapUiContentHeaderShadow;
+@_sap_m_Dialog_SuccessHeaderShadow: inset 0 -0.0625rem @sapUiSuccessBorder, @sapUiContentHeaderShadow;
+@_sap_m_Dialog_ErrorHeaderShadow: inset 0 -0.0625rem @sapUiErrorBorder, @sapUiContentHeaderShadow;
+@_sap_m_Dialog_WarningHeaderShadow: inset 0 -0.0625rem @sapUiWarningBorder, @sapUiContentHeaderShadow;
+@_sap_m_Dialog_InformationHeaderShadow: inset 0 -0.0625rem @sapUiInformationBorder, @sapUiContentHeaderShadow;
+
+@_sap_m_Dialog_HeaderFocusBorderBottomOffset: 0.125rem;
+@_sap_m_Dialog_HeaderFocusBorderTopOffset: 0.0625rem;
+@_sap_m_Dialog_HeaderFocusBorderLeftOffset: 0.0625rem;
+@_sap_m_Dialog_HeaderFocusBorderRightOffset: 0.0625rem;
+@_sap_m_Dialog_HeaderFocusBorderRadius: @sapUiElementBorderCornerRadius;
 
 // This parameter is used in sap.m.Select. TODO: remove it when it is removed from there.
 @_sap_m_Dialog_HeaderShadowColor: darken(@sapUiGroupContentBackground, 8);
@@ -36,9 +36,14 @@
 	font-size: 1rem;
 }
 
-.sapMDialogResizeHandler::before {
-	content: attr(data-sap-ui-icon-content);
-	color: @sapUiButtonLiteTextColor;
+.sapMDialogResizeHandler {
+	right: 6px;
+	bottom: 3px;
+
+	&::before {
+		content: attr(data-sap-ui-icon-content);
+		color: @sapUiButtonLiteTextColor;
+	}
 }
 
 .sapMDialogBeginButton, .sapMDialogEndButton {
@@ -77,6 +82,7 @@ html.sap-phone .sapMDialog {
 	}
 }
 
+// Responsive paddings
 .sapMDialogTitle, .sapMDialogSubHeader {
 	.sapUi-Std-PaddingS, .sapUi-Std-PaddingM,
 	.sapUi-Std-PaddingL, .sapUi-Std-PaddingXL {
@@ -105,18 +111,20 @@ html.sap-phone .sapMDialog {
 	}
 }
 
+.sapMDialog:not(.sapUiResponsiveContentPadding):not(.sapUiContentPadding) {
+	&.sapMDialog-NoHeader .sapMDialogScroll {
+		padding-top: 0.25rem;
 
-html.sap-desktop .sapMIBar.sapMFooter-CTX { // this should come from the BarBase. Test and delete later
-	border-top: none;
-}
+		html.sap-phone .sapMDialogStretched& {
+			padding-top: 0;
+		}
+	}
 
-.sapMDialog footer .sapMTB.sapMFooter-CTX {
-	// override for toolbar's top rounded corners
-	border-top-left-radius: 0px;
-	border-top-right-radius: 0px;
-}
+	&.sapMDialog-NoFooter .sapMDialogScroll {
+		padding-bottom: 0.25rem;
 
-.sapMDialogResizeHandler {
-	right: 6px;
-	bottom: 3px;
-}
+		html.sap-phone .sapMDialogStretched& {
+			padding-bottom: 0;
+		}
+	}
+}

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

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

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

@@ -226,6 +226,29 @@ html.sap-desktop .sapMGTLineModePress .sapMGTFocusDiv {
 	border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
 }
 
+html.sap-desktop .sapMGTActionButtonPress.sapMGT:focus
+{
+		.sapMGTFocusDiv{
+			border: none;
+			box-shadow: none;
+		}
+}
+
+html.sap-desktop .sapMGTActionButtonPress.sapMGT:active
+{
+	.sapMGTFocusDiv{
+		border: none;
+		box-shadow: none;
+	}
+}
+
+html.sap-desktop .sapMGTActionButtonPress.sapMGT:focus-visible
+{
+	.sapMGTFocusDiv{
+		border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	}
+}
+
 html.sap-desktop .sapMGT.sapMGTBackgroundImage:focus .sapMGTFocusDiv,
 html.sap-desktop .sapMGT.sapMGTBackgroundImage:active .sapMGTFocusDiv {
 	&:after {
@@ -320,6 +343,10 @@ html.sap-desktop .sapMGT.sapMGTBackgroundImage:focus .sapMGTFocusDiv:after, html
 
 .sapMGTLineMode .sapMGTFocusDiv {
 	border-radius: 10px !important;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
 }
 
 .sapFGridContainer .sapFGridContainerItemWrapper:not(.sapFGridContainerItemWrapperNoVisualFocus):focus::before {
@@ -358,8 +385,24 @@ html.sap-desktop .sapMGT.sapMGTBackgroundImage:focus .sapMGTFocusDiv:after, html
 }
 
 .TwoByOne.sapMGTActionMode {
-	border-radius: 1rem;
+	border-radius: 1.25rem;
 	.sapMGTFocusDiv {
-		border-radius: 1rem !important;
+		border-radius: 1.25rem !important;
+	}
+}
+
+.sapMGT.sapMGTScopeActions.sapMGTIconMode.TwoByHalf {
+	.sapMBtn.sapMGTMoreIcon{
+		.sapMBtnInner{
+			left: 0rem;
+		}
+	}
+}
+
+.sapMGT.sapMGTScopeActions, .sapMGT.sapMGTScopeSingleAction{
+	.sapMGTMoreIcon{
+		.sapMBtnIcon{
+			color: @sapUiButtonLiteTextColor;
+		}
 	}
 }

package/src/sap/m/themes/sap_horizon/IconTabBar.less

@@ -9,6 +9,12 @@
 
 @_sap_m_IconTabBar_TextColor: @sapTextColor;
 @_sap_m_IconTabBar_TextShadow: none;
+@_sap_m_IconTabBar_Separator_Icon: @sapUiContentNonInteractiveIconColor;
+@_sap_m_IconTabBar_Separator_Font_Size:@sapFontLargeSize;
+@_sap_m_IconTabBar_More_Button_Font_size: 1rem;
+@_sap_m_IconTabBar_More_Button_Focus_Offset: -0.3125rem;
+@_sap_m_IconTabBar_Arrow_SubItem_Left_Padding: 0.875rem;
+
 
 // ==================== Cozy size ====================
 
@@ -66,9 +72,10 @@
 
 // Header
 @_sap_m_IconTabBar_HeaderBackgroundTranslucent: @sapUiObjectHeaderBackground;
+@_sap_m_IconTabBar_HeaderBackground: @sapUiObjectHeaderBackground;
 
 @_sap_m_IconTabBar_HeaderBorderBottom: none;
-@_sap_m_IconTabBar_HeaderShadow: 0 0.25rem 0.25rem -0.25rem fade(@sapUiContentShadowColor, 15), inset 0 -0.0625rem 0 0 @sapUiObjectHeaderBorderColor;
+@_sap_m_IconTabBar_HeaderShadow: @sapUiContentHeaderShadow;
 
 // Content
 @_sap_m_IconTabBar_ContentBackground: @sapUiBaseBG;
@@ -118,30 +125,47 @@
 @_sap_m_IconTabBar_Phone_TextOnlyContentArrowHeight: 0.5rem;
 @_sap_m_IconTabBar_Phone_Compact_TextOnlyContentArrowHeight: 0.75rem;
 
+// =========== Badge ===========
+@_sap_m_IconTabBar_Badge_Neutral_Background: @sapUiNeutralElement;
+@_sap_m_IconTabBar_Badge_Positive_Background: @sapUiPositiveElement;
+@_sap_m_IconTabBar_Badge_Critical_Background: @sapUiCriticalElement;
+@_sap_m_IconTabBar_Badge_Negative_Background: @sapUiNegativeElement;
+
 // ==========================================================================
 // Variables
 // ==========================================================================
 
-@_sap_m_IconTabBar_TextHoverColor: @sapUiSelected;
-@_sap_m_IconTabBar_SelectedTextColor: @sapUiSelected;
+@_sap_m_IconTabBar_TextHoverColor: @sapUiContentFocusColor;
+@_sap_m_IconTabBar_SelectedTextColor: @sapUiContentSelectedForegroundColor;
 @_sap_m_IconTabBar_SelectedTextHoverColor: darken(@sapUiSelected, 10);
 @_sap_m_IconTabBar_ArrowScroll_AfterHeight: 1px;
-@_sap_m_IconTabBar_HeaderFocusBorderTopOffset: -5px;
-@_sap_m_IconTabBar_HeaderFocusBorderBottomOffset: -5px;
+@_sap_m_IconTabBar_HeaderFocusBorderTopOffset: -4px;
+@_sap_m_IconTabBar_HeaderFocusBorderBottomOffset: -4px;
 @_sap_m_IconTabBar_HeaderFocusBorderRightOffset: -3px;
 @_sap_m_IconTabBar_HeaderFocusBorderLeftOffset: -3px;
-@_sap_m_IconTabBar_HeaderBorderRadius: 0.5rem;
+@_sap_m_IconTabBar_HeaderBorderRadius: 0.375rem;
+@_sap_m_IconTab_Bar_Separator_Line: @sapUiGroupTitleBorderColor;
+
+// =========== Overflow ===========
+@_sap_m_IconTabBar_Overflow_BorderColorHover: @sapUiButtonHoverBorderColor;
+@_sap_m_IconTabBar_Overflow_BackgroundColorHover: @sapUiButtonHoverBackground;
+@_sap_m_IconTabBar_Overflow_BoxShadowHover: @sapUiContentInteractionShadow;
+@_sap_m_IconTabBar_Overflow_TextColorHover: @sapUiButtonHoverTextColor;
+@_sap_m_IconTabBar_Overflow_Icon_ColorHover: @sapUiButtonHoverTextColor;
+
+@_sap_m_IconTabBar_Overflow_BackgroundColorPressed: @sapUiButtonActiveBackground;
+@_sap_m_IconTabBar_Overflow_BorderColorPressed: @sapUiButtonActiveBorderColor;
+@_sap_m_IconTabBar_Overflow_TextColorPressed: @sapUiButtonActiveTextColor;
+@_sap_m_IconTabBar_Overflow_Icon_ColorPressed: @sapUiButtonActiveTextColor;
 
 // =========== Shell ===========
 @_sap_m_IconTabBar_ShellHeaderShadow: @sapUiShellShadow;
-@_sap_m_IconTabBar_ShellSelectedTextColor: @sapContent_Selected_TextColor;
-@sapUiShellNavigationSelectedColor: @sapContent_Selected_TextColor;
+@_sap_m_IconTabBar_ShellSelectedTextColor: @sapUiShellNavigationSelectedTextColor;
 
 
 /* Head Container */
 .sapMITH {
 	z-index: 1; // shows the bottom shadow of the ITHeader over the content of the ITB
-
 	.sapMITBHead {
 		padding-top: 0.875rem;
 	}
@@ -169,6 +193,8 @@
 	.sapMITBDisabled {
 	  .sapMITHTextContent {
 		color: @sapTextColor;
+		font-family: @sapFontBoldFamily;
+		font-size: @sapFontSize;
 	  }
 	}
 
@@ -188,13 +214,15 @@
 	  .sapMITHShowSubItemsIcon {
 	   color: @sapButton_TextColor;
 	  }
-
-	  &:hover {
-		box-shadow: @sapContent_Interaction_Shadow;
-	  }
 	}
   }
 
+.sapMITHEndOverflow,
+.sapMITHStartOverflow {
+	.sapMITHShowSubItemsIcon {
+		padding-left: 0.375rem;
+	}
+}
   //Arrow button
   .sapMITBFilterWithItems .sapMITBFilterExpandBtn .sapMBtnIcon:hover  {
 	color: @_sap_m_IconTabBar_TextHoverColor !important;
@@ -285,7 +313,7 @@
 	margin-top: 0.125rem;
 
 	+ .sapMITBSep {
-		margin-top: 0.125rem;
+		margin-top: 0.25rem;
 	}
 }
 
@@ -315,6 +343,10 @@
 		color: @sapUiNeutralText;
 	}
 
+	.sapMITBFilterNeutral:hover .sapMITBText {
+	  color: darken(@sapUiNeutralText, 10);
+	}
+
 	.sapMITBFilterPositive .sapMITBText {
 		color: @sapUiPositiveText;
 	}
@@ -341,12 +373,12 @@
 }
 
 .sapMITBFilterIcon {
-	border: 2px solid @sapUiHighlight;
+	border: 2px solid @sapUiContentSelectedForegroundColor;
 }
 
 .sapMITBFilterDefault {
-	color: @sapUiHighlight;
-	border-color: @sapUiHighlight;
+  	border-color: @sapUiContentSelectedForegroundColor;
+	color: @sapUiContentSelectedForegroundColor;
 }
 
 .sapMITBFilterNeutral {
@@ -398,25 +430,30 @@
 
 	.sapMITBFilterNeutral {
 		background: @sapUiNeutralElement;
-		color: @sapUiGroupContentBackground;
+		color: @sapUiContentContrastIconColor;
 	}
 
 	.sapMITBFilterPositive {
 		background: @sapUiPositiveElement;
-		color: @sapUiGroupContentBackground;
+		color: @sapUiContentContrastIconColor;
 	}
 
 	.sapMITBFilterNegative {
 		background: @sapUiNegativeElement;
-		color: @sapUiGroupContentBackground;
+		color: @sapUiContentContrastIconColor;
 	}
 
 	.sapMITBFilterCritical {
 		background: @sapUiCriticalElement;
-		color: @sapUiGroupContentBackground;
+		color: @sapUiContentContrastIconColor;
 	}
 }
 
+.sapMITHShowSubItemsIcon {
+	bottom: -1.5px;
+	position: relative;
+}
+
 /* Phone device */
 
 .sapUiMedia-Std-Phone .sapMITH.sapUiSizeCompact {
@@ -452,7 +489,7 @@
 
 	.sapMITBSepLine {
 		border: unset;
-		border-right: 1px solid @sapUiGroupTitleBorderColor;
+		border-right: 1px solid @_sap_m_IconTab_Bar_Separator_Line;
 		margin: 0.625rem 0.125rem 0 0.125rem;
 	}
 }
@@ -471,11 +508,21 @@
 			margin-top: 0.5rem;
 		}
 	}
+
+  .sapMITBCount {
+	  font-family: @sapFontBoldFamily;
+	  font-size: @sapFontHeader3Size;
+  }
+
+  .sapMITBText {
+	  font-family: @sapFontFamily;
+	  font-size: @sapFontSmallSize;
+  }
 }
 
 .sapMITBSepLine {
 	border: unset;
-	border-right: 1px solid @sapUiGroupTitleBorderColor;
+	border-right: 1px solid @_sap_m_IconTab_Bar_Separator_Line;
 }
 
 .sapUiMedia-Std-Phone {
@@ -495,8 +542,9 @@ html.sap-desktop {
 	}
 
 	.sapMITBFilter .sapMITBCount {
-		padding-left: 2px;
 		color: @sapContent_LabelColor;
+	  	font-family: @sapFontFamily;
+	  	font-size: @sapFontSize;
 	}
 
 	.sapMITH.sapUiSizeCompact {
@@ -513,7 +561,7 @@ html.sap-desktop {
 	.sapMITHEndOverflow {
 	  .sapMITBItem:not(.sapUiDnDDragging):focus {
 		&::after {
-		  border-radius: @_sap_m_IconTabBar_HeaderBorderRadius;
+		  border-radius: 1.75rem;
 		}
 	  }
 	}
@@ -531,21 +579,35 @@ html.sap-desktop {
 	}
 }
 
-html.sap-desktop {
+.sapUiMedia-Std-Tablet,
+.sapUiMedia-Std-Desktop {
 
-  .sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBFilterIcon {
-	&::after {
-	  top: -5px;
-	  bottom: -5px;
-	  right: -5px;
-	  left: -5px;
-	  border-radius: inherit;
+	.sapMITHEndOverflow {
+		padding-left: 0.188rem;
+		margin-left: 0px;
 	}
-  }
+}
+
+html.sap-desktop {
 
+	.sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBFilterIcon {
+		&::after {
+			top: -5px;
+			bottom: -5px;
+			right: -5px;
+			left: -5px;
+			border-radius: inherit;
+		}
+	}
 }
-.sapMITBTextOnly .sapMITBFilter .sapMITBCount  {
-  padding-bottom: 2px;
+
+.sapUiMedia-Std-Phone {
+	.sapMITBItem:not(.sapUiDnDDragging):focus.sapMITBAll {
+		&::after {
+			right: 6px !important;
+			left: -1px !important;
+		}
+	}
 }
 
 .sapMITBFilter .sapMITBText {
@@ -555,7 +617,8 @@ html.sap-desktop {
 /* Shell overrides                        */
 /* ------------------------------------------------ */
 
-.sapUshellShellTabBar {
+.sapUshellShellTabBar .sapMITH,
+.sapUshellShellTabBar.sapMITH {
 
   //More Button
   .sapMITHStartOverflow,
@@ -563,7 +626,7 @@ html.sap-desktop {
 	.sapMITBItem {
 	  border: 1px solid @sapButton_BorderColor;
 	  color: @sapShell_Navigation_TextColor;
-	  background-color: @sapShell_InteractiveBackground !important;
+	  background-color: @sapUiShellInteractiveBackground;
 
 	  .sapMITHShowSubItemsIcon {
 		color: @sapShell_Navigation_TextColor;
@@ -577,19 +640,28 @@ html.sap-desktop {
 
   .sapMITH .sapMITBFilter.sapMITBSelected .sapMITBCount,
   .sapMITH .sapMITBFilter.sapMITBSelected .sapMITBCount {
-	color:  @sapShell_Navigation_SelectedColor;
+	color:  @sapUiShellNavigationSelectedColor;
   }
 
   .sapMITBSelected:not(sapMITBDisabled)  .sapMITBContentArrow::after {
-	background: @sapShell_Navigation_SelectedColor;
+	background: @sapUiShellNavigationSelectedColor;
   }
 
-  .sapMITBSelected:not(sapMITBDisabled) .sapMITHTextContent {
-	color: @sapShell_Navigation_Active_TextColor;
+  .sapMITH .sapMITBFilterWithItems .sapMITBFilterExpandBtn {
+	margin-left: 0.188rem;
   }
 
-  .sapMITH .sapMITBFilterWithItems .sapMITBFilterExpandBtn {
-	margin-left: 0.135rem;
+  .sapMITHStartOverflow,
+  .sapMITHEndOverflow {
+	.sapMITBItem {
+		background-color: @sapUiShellInteractiveBackground;
+
+	  &:hover {
+		background: @sapUiShellHoverBackground;
+		background-color: @sapUiShellHoverBackground;
+		border-color: @_sap_m_IconTabBar_ShellOverflowHoverBorderColor;
+	  }
+	}
   }
 
   html.sap-desktop & {
@@ -601,9 +673,24 @@ html.sap-desktop {
 	.sapMITHStartOverflow .sapMITBItem:not(.sapUiDnDDragging):focus,
 	.sapMITHEndOverflow .sapMITBItem:not(.sapUiDndDragging):focus {
 	  &::after {
-		border-color: @sapUiContentFocusColor !important;
+		border-color: @sapContent_FocusColor !important;
 	  }
 	}
   }
 }
 
+/* ------------------------------------------------ */
+/* IconTabBar Badge									*/
+/* ------------------------------------------------ */
+
+.sapMITH,
+.sapMITBFilterPopover {
+
+	.sapMITBText .sapMBadgeAttention {
+		right: -0.75rem;
+	}
+
+	.sapMITFExpandButtonBadge {
+		left: 0.5rem;
+	}
+}

package/src/sap/m/themes/sap_horizon/IconTabBarSelectList.less

@@ -3,4 +3,4 @@
 /* Horizon theme                               */
 /* =========================================== */
 
-@_sap_m_IconTabBar_ListBorderRadius: 0.5rem;
+@_sap_m_IconTabBar_List_Focus_Offset: 2px;